7 files changed, 115 insertions, 5 deletions
diff --git a/templates/web/zurich/footer.html b/templates/web/zurich/footer.html
new file mode 100644
index 000000000..aa33428aa
--- /dev/null
+++ b/templates/web/zurich/footer.html
@@ -0,0 +1,31 @@
+                </div><!-- .content role=main -->
+            </div><!-- .container -->
+        </div><!-- .table-cell -->
+
+        <div class="nav-wrapper">
+            <div class="nav-wrapper-2">
+                <div id="main-nav" role="navigation">
+                    <ul id="main-menu">
+                        <li><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                            >[% loc("Report a problem") %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/reports' %]span[% ELSE %]a href="/reports"[% END
+                            %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                        %]<li><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                            %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+<!-- [% INCLUDE 'debug_footer.html' %] -->
+    </div> <!-- .wrapper -->
+
+    <div id="zurich-footer" class="desk-only">
+        &copy; 2012 Stadt Z&uuml;rich
+        <span class="hidden">|</span> <a href="http://www.stadt-zuerich.ch/content/portal/de/index/footer/rechtliche_hinweise.html">Rechtliche Hinweise</a>
+        <span class="hidden">|</span> <a href="http://www.stadt-zuerich.ch/content/portal/de/index/footer/impressum.html">Impressum</a>
+        <span class="hidden">|</span> <a href="http://www.stadt-zuerich.ch/content/portal/de/index/footer/barrierefreiheit.html">Barrierefreiheit</a>
+    </div>
+
+</body>
+</html>
diff --git a/web/cobrands/zurich/_colours.scss b/web/cobrands/zurich/_colours.scss
index b8580be2d..4317cedfe 100644
--- a/web/cobrands/zurich/_colours.scss
+++ b/web/cobrands/zurich/_colours.scss
@@ -1,8 +1,11 @@
 /* COLOURS */
 
-$primary: #FFD000;
-$primary_b: #F3B11E;
-$primary_text: #222;
+$dark_blue: rgb(50, 80, 165);
+$lighter_blue: rgb(57, 94, 147);
+
+$primary: $dark_blue;
+$primary_b: $dark_blue;
+$primary_text: #fff;
 
 $col_click_map: #00BD08;
 $col_click_map_dark: #4B8304;
diff --git a/web/cobrands/zurich/_zurich.scss b/web/cobrands/zurich/_zurich.scss
new file mode 100644
index 000000000..66c1003a4
--- /dev/null
+++ b/web/cobrands/zurich/_zurich.scss
@@ -0,0 +1,31 @@
+// Some things from the Zurich stylesheet
+
+a {
+    color: #126094;
+    text-decoration: none;
+}
+a:hover {
+    text-decoration: underline;
+}
+
+#zurich-footer {
+    margin-top: 1em; // mySociety
+    font-size: 67.5%;
+    line-height: 1.5em;
+    clear: both;
+    background-image: url(bg_mainnav_portal.png);
+    background-repeat: repeat-x;
+    border: 1px solid #d8d8d8;
+    width: 953px;
+    padding: 3px 10px;
+    margin-bottom: 24px;
+    height: 1.5em
+}
+
+#zurich-footer a {
+    padding-left: 20px;
+}
+
+#zurich-footer a:hover {
+    color: #3c3c3c;
+}
diff --git a/web/cobrands/zurich/bg_mainnav_portal.png b/web/cobrands/zurich/bg_mainnav_portal.png
new file mode 100644
index 000000000..093ef6304
--- /dev/null
+++ b/web/cobrands/zurich/bg_mainnav_portal.png
diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss
index abaa25224..07d55aadf 100644
--- a/web/cobrands/zurich/layout.scss
+++ b/web/cobrands/zurich/layout.scss
@@ -1,3 +1,48 @@
-@import "_colours";
-@import "../fixmystreet/_layout";
+@import "colours";
+@import "../fixmystreet/layout";
+@import "zurich";
+
+body {
+    color: #3c3c3c;
+    background-color: #fff;
+}
+
+// White background, so no shadow or margin needed.
+.content {
+    color: #3c3c3c;
+    @include box-shadow(none);
+}
+.ie6, .ie7, .ie8  {
+    .content {
+        border: none;
+    }
+}
+
+#site-header .container {
+    height: 83px;
+    background: url(logo_portal.x.jpg) top left repeat-x;
+}
+
+body.frontpage #site-logo, #site-logo {
+    width: 415px;
+    height: 83px;
+    background: url(logo_portal.jpg) top left no-repeat;
+    top: 0;
+}
+
+.nav-wrapper {
+    .nav-wrapper-2 {
+        border-top: solid 18px white;
+    }
+}
+
+body.mappage {
+    .nav-wrapper {
+        .nav-wrapper-2 {
+            border-top: none;
+            background: url(logo_portal.x.jpg) top left repeat-x;
+            height: 83px;
+        }
+    }
+}
 
diff --git a/web/cobrands/zurich/logo_portal.jpg b/web/cobrands/zurich/logo_portal.jpg
new file mode 100644
index 000000000..5677285e7
--- /dev/null
+++ b/web/cobrands/zurich/logo_portal.jpg
diff --git a/web/cobrands/zurich/logo_portal.x.jpg b/web/cobrands/zurich/logo_portal.x.jpg
new file mode 100644
index 000000000..c0cfef240
--- /dev/null
+++ b/web/cobrands/zurich/logo_portal.x.jpg