[Greenwich] Royal Borough of Greenwich front end

10 files changed, 436 insertions, 0 deletions

diff --git a/web/cobrands/greenwich/_colours.scss b/web/cobrands/greenwich/_colours.scss
new file mode 100644
index 000000000..ff8ff2b40
--- /dev/null
+++ b/web/cobrands/greenwich/_colours.scss
@@ -0,0 +1,24 @@
+/* COLOURS */
+
+$greenwich_red: #d42828;
+$greenwich_dark_red: #a71930;
+$greenwich_dark_grey: #4b5459;
+$greenwich_med_grey: #d9e0e4;
+$greenwich_light_grey: #e0e6e9;
+
+$primary: $greenwich_red;
+$primary_b: #000000;
+$primary_text: #222222;
+
+$base_bg: #fff;
+$base_fg: #000;
+
+$map_nav_bg: #fff;
+$nav_fg: #fff;
+$nav_fg_hover: transparent;
+
+$col_click_map: $greenwich_red;
+$col_click_map_dark: darken($col_click_map, 10%);
+
+$col_fixed_label: #00BD08;
+$col_fixed_label_dark: #4B8304;
diff --git a/web/cobrands/greenwich/_fonts.scss b/web/cobrands/greenwich/_fonts.scss
new file mode 100644
index 000000000..b03804e44
--- /dev/null
+++ b/web/cobrands/greenwich/_fonts.scss
@@ -0,0 +1,3 @@
+$body-font: Verdana, Arial, Helvetica, sans-serif;
+$meta-font: $body-font;
+$heading-font: georgia, 'new century schoolbook', 'times new roman', times, serif;
diff --git a/web/cobrands/greenwich/base.scss b/web/cobrands/greenwich/base.scss
new file mode 100644
index 000000000..e4561e338
--- /dev/null
+++ b/web/cobrands/greenwich/base.scss
@@ -0,0 +1,89 @@
+@import "../sass/h5bp";
+@import "./_colours";
+@import "./_fonts";
+@import "../sass/mixins";
+@import "compass";
+
+@import "../sass/base";
+
+body.frontpage #site-logo,
+.ie6 body.frontpage #site-logo,
+#site-logo
+{
+    background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat;
+    background-size: contain;
+    width: 82px;
+    height: 40px;
+    top: 8px;
+    left: 4px;
+}
+
+#nav-link {
+  background: url('/cobrands/greenwich/tab-red.png') 0 0 no-repeat;
+}
+
+
+#site-header {
+    background-color: $base_bg;
+    background: url("/cobrands/greenwich/mastWave.gif") 0 0 no-repeat;
+    background-size: cover;
+}
+
+
+#mysoc-menu {
+    display: none;
+}
+
+.issue-list-a li, .list-a li, #user-meta p, #front-main #postcodeForm {
+    background: $greenwich_light_grey;
+}
+
+label[for=pc] {
+    color: $greenwich_dark_red;
+}
+
+ol.big-numbers > li:before {
+    color: $primary;
+}
+
+#front-howto #front_stats {
+    color: $nav_fg;
+}
+
+#greenwich-menu-desktop, #fms-menu-desktop, #greenwich-breadcrumb {
+    display: none;
+}
+
+footer {
+    ul li {
+        list-style: none;
+    }
+
+    hr {
+        padding: 0;
+        margin: 0 -16px;
+        height: 4px;
+        background-color: $greenwich_red;
+        border: none;
+    }
+}
+
+h1, h2 {
+    font-style: italic;
+}
+
+button, input[type=submit], .btn, .green-btn, button.green-btn, input.green-btn {
+    border: none;
+    border-radius: 0;
+    text-transform: none;
+    color: white;
+    background: $greenwich_dark_grey;
+    border-bottom: solid 4px $greenwich_red;
+
+    &:hover {
+        border: none;
+        border-bottom: solid 4px lighten($greenwich_red, 5%);
+        text-decoration: underline;
+        background: lighten($greenwich_dark_grey, 2%);
+    }
+}
diff --git a/web/cobrands/greenwich/bcArrow.gif b/web/cobrands/greenwich/bcArrow.gif
new file mode 100644
index 000000000..98e02417c
--- /dev/null
+++ b/web/cobrands/greenwich/bcArrow.gif
diff --git a/web/cobrands/greenwich/config.rb b/web/cobrands/greenwich/config.rb
new file mode 100644
index 000000000..cab97b18f
--- /dev/null
+++ b/web/cobrands/greenwich/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/greenwich/layout.scss b/web/cobrands/greenwich/layout.scss
new file mode 100644
index 000000000..d129f4ed6
--- /dev/null
+++ b/web/cobrands/greenwich/layout.scss
@@ -0,0 +1,295 @@
+@import "_colours";
+@import "_fonts";
+@import "../sass/layout";
+
+$fixed_page_width: 990px;
+
+/* 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; }
+
+
+#site-logo,
+.ie6 #site-logo,
+body.frontpage #site-logo,
+.ie6 body.frontpage #site-logo,
+body.authpage #site-logo,
+.ie6 body.authpage #site-logo,
+body.twothirdswidthpage #site-logo,
+.ie6 body.twothirdswidthpage #site-logo
+{
+        position: relative;
+        top: 14px;
+        left: 14px;
+        margin: 0;
+        padding: 0;
+        background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat;
+        width: 170px;
+        height: 83px;
+}
+
+.container, #main-nav {
+    width: $fixed_page_width;
+}
+
+#front-main {
+    background-color: $base_bg;
+    padding-top: 0.5em;
+    text-align: left;
+
+    #front-main-container {
+        max-width: $fixed_page_width;
+        background-color: transparent;
+        padding: 1em 0;
+    }
+
+    #postcodeForm div {
+        margin: 0;
+    }
+
+    h1 {
+        color: $greenwich_dark_red;
+        padding-bottom: 3em;
+    }
+}
+
+body.frontpage #site-header, #site-header {
+    height: auto;
+
+    .container {
+        min-height: 0;
+    }
+
+    .container:first-child {
+        background: url("/cobrands/greenwich/mastWave.gif") 0 0 no-repeat;
+        min-height: 110px;
+    }
+}
+
+body.frontpage {
+    #user-meta p {
+        top: -9em;
+    }
+
+    .issue-list-a li {
+        border-left: solid 4px $primary;
+    }
+
+    #fms-menu-desktop {
+        position: absolute;
+        width: 990px;
+        top: 262px;
+    }
+}
+
+body.twothirdswidthpage #user-meta p {
+    padding-bottom: 0;
+    z-index: 2;
+}
+
+.nav-wrapper .nav-wrapper-2 {
+    border-top: none;
+}
+
+#main-menu {
+    display: none;
+}
+
+#greenwich-menu-desktop, #fms-menu-desktop, #greenwich-breadcrumb {
+    display: block;
+    font-size: 15px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    li {
+        display: inline-block;
+        list-style: none;
+        margin: 0;
+        padding: 0.25em 0.5em;
+
+        span, a {
+            padding: 0.5em;
+        }
+
+        span, a:hover {
+            text-decoration: underline;
+        }
+    }
+}
+
+#greenwich-menu-desktop {
+    background: $greenwich_dark_grey;
+    font-family: $heading-font;
+    font-style: italic;
+    border-top: solid 4px $primary;
+    border-bottom: solid 4px $greenwich_med_grey;
+    text-align: right;
+    padding-right: 1em;
+
+    li {
+        span, a {
+            color: $nav_fg;
+        }
+    }
+}
+
+#greenwich-breadcrumb {
+    background: transparent;
+    margin-top: 0.25em;
+
+    li {
+        padding: 0;
+        margin: 0;
+        font-size: 11px;
+
+        span, a {
+            color: black;
+
+            &.bc_arrow {
+                background: url('/cobrands/greenwich/bcArrow.gif') no-repeat right 0.4em;
+                padding: 0 15px 0 0;
+            }
+        }
+    }
+}
+
+#fms-menu-desktop {
+    background: $greenwich_light_grey;
+    margin-top: 0.5em;
+
+    li {
+        a {
+            color: $greenwich_dark_grey;
+        }
+        span {
+            color: $greenwich_red;
+        }
+    }
+}
+
+body.mappage {
+    #site-header .container {
+        min-height: 68px;
+    }
+
+    .main-menu-container {
+        display: none;
+    }
+
+    #main-menu {
+        display: block;
+    }
+
+    #site-logo {
+        top: 5px;
+        left: 6px;
+        background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat;
+        background-size: 111px 54px;
+        width: 111px;
+        height: 54px;
+    }
+
+    .nav-wrapper .nav-wrapper-2 {
+        background: url("/cobrands/greenwich/mastWave.gif") 100% 0 no-repeat;
+        background-color: $base_bg;
+        background-size: contain;
+        border-bottom: solid 4px $primary;
+    }
+
+    #main-nav {
+        ul#main-menu {
+            li a.report-a-problem-btn {
+                color: $nav_fg;
+            }
+        }
+
+        ul li {
+            a, span {
+                color: $primary_text;
+            }
+            a:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+}
+
+body.twothirdswidthpage .content .sticky-sidebar {
+    z-index: 0;
+    left: 43em;
+
+    aside {
+        top: 14em;
+    }
+}
+
+body.fullwidthpage, body.twothirdswidthpage {
+    .container .content footer {
+        a.platform-logo {
+            background-color: $greenwich_dark_grey;
+            background-position: center center;
+            background-size: 13em 1.5em;
+            width: 14em;
+            height: 3em;
+            border-radius: 1.5em;
+        }
+
+        .tablewrapper {
+            padding: 0;
+            margin: 1em 0;
+
+            div {
+                text-align: center;
+
+                p {
+                    margin: 0;
+                    padding: 0;
+                    line-height: 3em;
+                }
+            }
+        }
+
+        .footer-nav {
+            padding: 0;
+            margin: 1em 0;
+
+            ul {
+                margin: 0;
+                padding: 0;
+                text-align: center;
+
+                li {
+                    display: inline;
+                    padding: 0 4px 0 7px;
+                    font-size: 0.8em;
+                    border-left: solid 1px $greenwich_dark_grey;
+
+                    &:first-child {
+                        border-left: none;
+                    }
+
+                    a, a:link, a:visited {
+                        color: $primary_text;
+                    }
+                }
+            }
+        }
+
+        hr {
+            padding: 0;
+            margin: 0 -24px;
+            border-bottom: solid 8px $greenwich_red;
+            border-top: solid 48px $greenwich_dark_grey;
+            height: 0;
+        }
+    }
+}
+
+// Override the default issue (report) list styling on the /my page, so that
+// reports don't pop out the side of the sidebar
+.issue-list-a.full-width {
+    margin-left: -1em;
+}
diff --git a/web/cobrands/greenwich/logo-mobile.gif b/web/cobrands/greenwich/logo-mobile.gif
new file mode 100644
index 000000000..70fb1c692
--- /dev/null
+++ b/web/cobrands/greenwich/logo-mobile.gif
diff --git a/web/cobrands/greenwich/logo.gif b/web/cobrands/greenwich/logo.gif
new file mode 100644
index 000000000..dc46d2bf1
--- /dev/null
+++ b/web/cobrands/greenwich/logo.gif
diff --git a/web/cobrands/greenwich/mastWave.gif b/web/cobrands/greenwich/mastWave.gif
new file mode 100644
index 000000000..19984c94d
--- /dev/null
+++ b/web/cobrands/greenwich/mastWave.gif
diff --git a/web/cobrands/greenwich/tab-red.png b/web/cobrands/greenwich/tab-red.png
new file mode 100644
index 000000000..f3ef9d084
--- /dev/null
+++ b/web/cobrands/greenwich/tab-red.png