diff options
| -rw-r--r-- | templates/web/fixmystreet/footer.html | 2 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 12 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/layout.scss | 9 |
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; } |