mysoc logo

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

3 files changed, 20 insertions, 3 deletions

diff --git a/templates/web/fixmystreet/footer.html b/templates/web/fixmystreet/footer.html
index e9e6ba07c..6f323ed47 100644
--- a/templates/web/fixmystreet/footer.html
+++ b/templates/web/fixmystreet/footer.html
@@ -5,7 +5,7 @@
             <div class="nav-wrapper-2">
                 <div id="main-nav" role="navigation">
                     <ul id="mysoc-menu">
-                        <li><a href="http://www.mysociety.org/">mySociety</a></li>[%
+                        <li><a id="mysoc-logo" href="http://www.mysociety.org/">mySociety</a></li>[%
                         %]<li><a href="http://mysociety.org/donate/">Donate</a></li>[%
                         %]<li><a href="http://www.mysociety.org/projects/">Our Sites</a></li>
                     </ul>
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index 6136ad698..8a5fea2e6 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -441,8 +441,16 @@ label{
       }
     }
     &#mysoc-menu{
-      li{
-        a{background:$primary;}
+      li {
+        a {
+          background:$primary;
+          &#mysoc-logo {
+            background-image:url(images/sprite.png);
+            background-repeat:no-repeat;
+            background-position:-240px -38px;
+            text-indent:-999999px;
+          }
+        }
       }
     }
   }
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 453cede6f..044045d22 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -150,6 +150,15 @@ body {
           text-transform: uppercase;
           font-size: 0.75em;
           padding: 1.25em 0.3em 0.75em 0.3em;
+          &#mysoc-logo {
+            width:110px;
+            height:20px;
+            background-position:-250px -42px;
+            @include opacity(0.8);
+            &:hover {
+              @include opacity(1);
+            }
+          }
           &:hover{
             color:#fff;
           }