diff options
Diffstat (limited to 'web')
22 files changed, 372 insertions, 46 deletions
diff --git a/web/cobrands/fixmystreet.com/_mysoc_footer.scss b/web/cobrands/fixmystreet.com/_mysoc_footer.scss new file mode 100644 index 000000000..383ec5716 --- /dev/null +++ b/web/cobrands/fixmystreet.com/_mysoc_footer.scss @@ -0,0 +1,230 @@ +// Standard mySociety Footer v1.0.2 +// https://github.com/mysociety/standard-footer + +$mysoc-footer-background-color: #fff !default; +$mysoc-footer-text-color: #333 !default; +$mysoc-footer-site-name-text-color: $mysoc-footer-text-color !default; + +$mysoc-footer-link-text-color: #4FADED !default; +$mysoc-footer-link-hover-text-color: darken($mysoc-footer-link-text-color, 10%) !default; + +$mysoc-footer-site-name-font-size: 1.5em !default; +$mysoc-footer-site-name-margin-bottom: 0.5em !default; +$mysoc-footer-site-name-line-height: 1em !default; + +$mysoc-footer-border-top: none !default; +$mysoc-footer-divider-color: #E2DFD9 !default; + +$mysoc-footer-donate-background-color: #F3F1EB !default; +$mysoc-footer-donate-text-color: $mysoc-footer-text-color !default; +$mysoc-footer-donate-button-background-color: #999 !default; +$mysoc-footer-donate-button-text-color: #fff !default; +$mysoc-footer-donate-button-hover-background-color: darken($mysoc-footer-donate-button-background-color, 5%) !default; +$mysoc-footer-donate-button-hover-text-color: $mysoc-footer-donate-button-text-color !default; + +$mysoc-footer-legal-text-color: #6C6B68 !default; + +$mysoc-footer-image-path: '../img/mysoc-footer/' !default; +$mysoc-footer-breakpoint-sm: 768px !default; + +$high-dpi-screen: '-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi' !default; + +.mysoc-footer { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: $mysoc-footer-background-color; + color: $mysoc-footer-text-color; + padding: 2em 0; + font-size: 1em; + line-height: 1.5em; + border-top: $mysoc-footer-border-top; + + @media (min-height: 700px) { + padding: 3em 0; + } + + @media (min-height: 900px) { + padding: 4em 0; + } + + *, *:before, *:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; + } + + a { + color: $mysoc-footer-link-text-color; + + &:hover, + &:focus { + color: $mysoc-footer-link-hover-text-color; + } + } +} + +.mysoc-footer__divider { + border-top: 1px solid $mysoc-footer-divider-color; + margin: 2em 0; + + @media (min-height: 900px) { + margin: 3em 0; + } +} + +.mysoc-footer__site-name { + font-size: $mysoc-footer-site-name-font-size; + line-height: $mysoc-footer-site-name-line-height; + font-weight: bold; + margin: 0 0 $mysoc-footer-site-name-margin-bottom 0; + color: $mysoc-footer-site-name-text-color; +} + +.mysoc-footer__links { + font-size: 1em; + line-height: 1.2em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + overflow: auto; + margin: 0 -1em; + + // Line up top of .mysoc-footer__links with top of .mysoc-footer__site-description + $factor: $mysoc-footer-site-name-font-size / 1em; + padding-top: ( $mysoc-footer-site-name-line-height*$factor + $mysoc-footer-site-name-margin-bottom*$factor ); + } + + ul { + margin: 0; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + float: left; + width: 50%; + padding: 0 1em; + } + } + + li { + margin: 0 0 0.5em 0; + } + + a { + display: block; + } +} + +.mysoc-footer__donate { + background-color: $mysoc-footer-donate-background-color; + color: $mysoc-footer-donate-text-color; + padding: 1.5em; + border-radius: 0.3em; + margin-top: 1em; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + margin-top: 0; + } +} + +.mysoc-footer__donate__button { + display: inline-block; + background-color: $mysoc-footer-donate-button-background-color; + color: $mysoc-footer-donate-button-text-color !important; + padding: 0.5em 1em; + border-radius: 0.3em; + font-weight: bold; + text-decoration: none; + + &:hover, + &:focus { + text-decoration: none; + background-color: $mysoc-footer-donate-button-hover-background-color; + color: $mysoc-footer-donate-button-hover-text-color !important; + } +} + +.mysoc-footer__orgs { + overflow: auto; + margin: 0 -1em; +} + +.mysoc-footer__org { + float: left; + padding: 0 1em; +} + +.mysoc-footer__org__logo { + display: block; + margin-top: 0.5em; + height: 0; + overflow: hidden; + padding-top: 32px; +} + +.mysoc-footer__org__logo--mysociety { + width: 152px; + background: transparent url('#{$mysoc-footer-image-path}logo-mysociety.png') 0 0 no-repeat; + background-size: 152px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}logo-mysociety@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}logo-mysociety.svg'), none; +} + +.mysoc-footer__legal { + font-size: 0.8em; + line-height: 1.5em; + color: $mysoc-footer-legal-text-color; +} + +.mysoc-footer__badges { + margin: 0 -4px; + padding: 0; + list-style: none; + + @media (min-width: $mysoc-footer-breakpoint-sm){ + text-align: right; + } + + li { + margin: 0 4px; + display: inline-block; + } +} + +.mysoc-footer__badge { + display: inline-block; + width: 32px; + height: 0; + padding-top: 32px; + overflow: hidden; + border-radius: 100%; +} + +.mysoc-footer__badge--github { + background: transparent url('#{$mysoc-footer-image-path}icon-github.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-github@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-github.svg'), none; +} + +.mysoc-footer__badge--twitter { + background: transparent url('#{$mysoc-footer-image-path}icon-twitter.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-twitter@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-twitter.svg'), none; +} + +.mysoc-footer__badge--facebook { + background: transparent url('#{$mysoc-footer-image-path}icon-facebook.png') 0 0 no-repeat; + background-size: 32px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}icon-facebook@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}icon-facebook.svg'), none; +} diff --git a/web/cobrands/fixmystreet.com/base.scss b/web/cobrands/fixmystreet.com/base.scss index 820d5ffb5..223669b6d 100644 --- a/web/cobrands/fixmystreet.com/base.scss +++ b/web/cobrands/fixmystreet.com/base.scss @@ -9,10 +9,6 @@ @import "compass"; @import "../sass/base"; -#footer-nav { - display: none; -} - .top_banner { color: $primary_text; background: $primary; @@ -239,3 +235,107 @@ background: transparent; } } + +// Avoid double border between mobile nav and footer +.nav-menu--main > :last-child a { + border-bottom: none; +} + + +$mysoc-footer-background-color: #222; +$mysoc-footer-text-color: #acacac; +$mysoc-footer-site-name-text-color: #fff; + +$mysoc-footer-link-text-color: #fff; +$mysoc-footer-link-hover-text-color: #fff; + +$mysoc-footer-border-top: 0.25em solid $primary; + +$mysoc-footer-divider-color: #4b4b4b; + +$mysoc-footer-donate-background-color: #333; +$mysoc-footer-donate-text-color: #fff; +$mysoc-footer-donate-button-background-color: $primary; +$mysoc-footer-donate-button-text-color: #000; + +$mysoc-footer-legal-text-color: #9a9a9a; + +$mysoc-footer-image-path: 'images/mysoc-footer/'; +$mysoc-footer-breakpoint-sm: 48em; + +$grid-max-width: 60em; +$grid-gutter: 2em; +$grid-breakpoint-sm: $mysoc-footer-breakpoint-sm; + +@import "mysoc_footer"; + +.mysoc-footer { + li { + list-style: none; + } + + .container { + margin: 0 auto; + } + + .container { + margin-right: auto; + margin-left: auto; + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + max-width: $grid-max-width; + } + + .row { + @include clearfix(); + margin-left: $grid-gutter / -2; + margin-right: $grid-gutter / -2; + } + + %col { + padding-left: $grid-gutter / 2; + padding-right: $grid-gutter / 2; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col; + } + } + + @media(min-width: $grid-breakpoint-sm) { + %col-float { + float: left; + } + + @for $i from 1 through 12 { + .col-sm-#{$i} { + @extend %col-float; + width: 100% / 12 * $i; + } + } + } +} + +.mysoc-footer__org__logo--fms-platform { + width: 205px; + background: transparent url('#{$mysoc-footer-image-path}logo-fms-platform.png') 0 0 no-repeat; + background-size: 205px 32px; + @media ($high-dpi-screen) { + background-image: url('#{$mysoc-footer-image-path}logo-fms-platform@2x.png'); + } + background-image: url('#{$mysoc-footer-image-path}logo-fms-platform.svg'), none; +} + +.fms-app-badges { + margin: 1em 0; + + a { + text-decoration: none; + } + + img { + border: none; + margin-right: 0.5em; + } +} diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.png Binary files differnew file mode 100644 index 000000000..2459b1fb8 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.svg b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.svg new file mode 100644 index 000000000..002a243a7 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook.svg @@ -0,0 +1 @@ +<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>icon-facebook-white</title><path d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm3.83-16.108h-2.77v9.88h-4.108v-9.88H11v-3.488h1.952v-2.26c0-1.618.77-4.144 4.145-4.144l3.04.012V9.4H17.93c-.36 0-.87.18-.87.95v2.054h3.13l-.36 3.488z" fill="#FFF" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook@2x.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook@2x.png Binary files differnew file mode 100644 index 000000000..137878d77 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-facebook@2x.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.png Binary files differnew file mode 100644 index 000000000..179f29ec9 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.svg b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.svg new file mode 100644 index 000000000..09cc2f40e --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github.svg @@ -0,0 +1 @@ +<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>icon-github-white</title><path d="M20.017 31.49C26.91 29.71 32 23.45 32 16c0-8.837-7.163-16-16-16S0 7.163 0 16c0 7.45 5.09 13.71 11.982 15.49.036-.1.052-.207.052-.31 0-.388-.013-1.42-.02-2.79-4.452.992-5.39-2.2-5.39-2.2-.73-1.894-1.778-2.4-1.778-2.4-1.452-1.016.11-.996.11-.996 1.606.116 2.45 1.69 2.45 1.69 1.428 2.508 3.746 1.784 4.658 1.364.145-1.06.56-1.783 1.015-2.193-3.553-.413-7.29-1.82-7.29-8.108 0-1.79.625-3.256 1.648-4.402-.165-.415-.714-2.083.158-4.34 0 0 1.342-.442 4.4 1.68C13.27 8.122 14.64 7.94 16 7.934c1.36.007 2.728.188 4.006.553C23.06 6.363 24.4 6.804 24.4 6.804c.875 2.258.326 3.926.162 4.34 1.025 1.147 1.644 2.613 1.644 4.403 0 6.303-3.74 7.69-7.305 8.095.575.507 1.086 1.508 1.086 3.04 0 2.19-.02 3.96-.02 4.498 0 .103.017.21.05.31z" fill="#FFF" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github@2x.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github@2x.png Binary files differnew file mode 100644 index 000000000..e6d0d4124 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-github@2x.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.png Binary files differnew file mode 100644 index 000000000..5fb0578ab --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.svg b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.svg new file mode 100644 index 000000000..bc2dc1e08 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter.svg @@ -0,0 +1 @@ +<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>icon-twitter-white</title><path d="M16 32c8.837 0 16-7.163 16-16S24.837 0 16 0 0 7.163 0 16s7.163 16 16 16zm8.643-20.022c.008.173.01.347.01.52 0 5.33-4.055 11.475-11.472 11.475-2.276 0-4.395-.668-6.18-1.812.316.038.637.056.962.056 1.89 0 3.628-.644 5.008-1.725-1.765-.033-3.253-1.198-3.767-2.8.247.048.5.073.76.073.367 0 .723-.05 1.062-.142-1.846-.37-3.236-2-3.236-3.952v-.05c.543.3 1.165.482 1.827.504-1.083-.725-1.794-1.958-1.794-3.357 0-.74.198-1.432.545-2.028 1.99 2.44 4.96 4.045 8.312 4.214-.07-.294-.104-.602-.104-.918C16.576 9.805 18.38 8 20.608 8c1.16 0 2.207.49 2.943 1.273.92-.18 1.783-.517 2.562-.98-.302.944-.94 1.734-1.773 2.232.815-.097 1.592-.314 2.315-.635-.54.81-1.225 1.52-2.012 2.088z" fill="#FFF" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter@2x.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter@2x.png Binary files differnew file mode 100644 index 000000000..1bd1d4bb6 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/icon-twitter@2x.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.png Binary files differnew file mode 100644 index 000000000..dda825fc2 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.svg b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.svg new file mode 100644 index 000000000..ae1dad681 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform.svg @@ -0,0 +1 @@ +<svg width="205" height="32" viewBox="0 0 205 32" xmlns="http://www.w3.org/2000/svg"><title>logo-fms-platform</title><g fill="#FFF" fill-rule="evenodd"><path d="M28.954 22h5.112v-1.404h-1.728v-4.068h4.392v-1.476h-4.392V10.84h3.852v1.458h1.566V9.292h-8.802v1.386h1.584v9.918h-1.584V22zm10.77-10.926h1.836V9.292h-1.836v1.782zM38.338 22h4.608v-1.35h-1.44v-7.758h-3.258v1.35h1.512v6.408h-1.422V22zm5.1 0h2.376l1.8-2.934c.198-.306.324-.594.324-.594h.036s.144.306.324.576L50.134 22h2.322v-1.35h-1.224l-2.25-3.366 2.034-3.042h1.386v-1.35H49.99l-1.656 2.646c-.18.288-.324.594-.324.594h-.036s-.144-.324-.306-.594l-1.62-2.646h-2.556v1.35h1.476l2.016 3.06-2.178 3.348h-1.368V22zm9.564 0h4.896v-1.404h-1.53L56.944 13c.018-.396-.054-1.044-.054-1.044h.054s.144.612.288.972l2.916 6.678h1.584l2.916-6.678c.144-.36.288-.972.288-.972h.054s-.072.648-.054 1.044l.576 7.596h-1.53V22h4.896v-1.404h-1.584l-.81-9.918h1.62V9.292h-3.6l-3.258 7.74c-.198.522-.288.918-.288.918h-.036s-.09-.396-.288-.918l-3.258-7.74h-3.6v1.386h1.62l-.81 9.918h-1.584V22zm16.422 1.89l-.594 1.314s.792.576 1.962.576c1.404 0 2.592-.792 3.204-2.34l3.6-9.198h1.134v-1.35h-4.032v1.35h1.17l-2.016 5.418c-.144.396-.216.792-.216.792h-.054s-.036-.396-.162-.792l-2.034-5.418h1.206v-1.35h-4.158v1.35h1.152l3.186 7.92-.378.9c-.306.72-.9 1.26-1.674 1.26-.774 0-1.296-.432-1.296-.432zm14.406-9.954c-.936-.216-2.016-.504-2.016-1.404 0-.9.756-1.53 2.124-1.53 2.754 0 2.502 1.926 3.87 1.926.72 0 1.35-.432 1.35-1.17 0-1.728-2.718-3.024-5.022-3.024-2.502 0-5.166 1.08-5.166 3.96 0 1.386.486 2.862 3.168 3.546l3.33.846c1.008.252 1.26.828 1.26 1.35 0 .864-.846 1.71-2.376 1.71-2.988 0-2.574-2.34-4.176-2.34-.72 0-1.242.504-1.242 1.224 0 1.404 1.674 3.276 5.418 3.276 3.564 0 5.328-1.746 5.328-4.086 0-1.512-.684-3.114-3.384-3.726l-2.466-.558zm7.62 5.958c0 1.548.792 2.34 2.7 2.34 1.26 0 1.908-.414 1.908-1.17 0-.558-.342-.882-.918-.882h-.378c-.468 0-.684-.216-.684-.612v-5.256h.792c.774 0 1.188-.234 1.188-.864s-.414-.864-1.188-.864h-.792v-1.602c0-.864-.522-1.314-1.314-1.314s-1.314.45-1.314 1.314v1.602H91c-.738 0-1.044.288-1.044.864 0 .576.306.864 1.044.864h.45v5.58zm5.37 1.026c0 .702.288 1.314 1.314 1.314s1.314-.612 1.314-1.314v-3.06c0-2.178.576-2.916 1.638-2.916h.468c.648 0 1.296-.342 1.296-1.314 0-.738-.612-1.278-1.44-1.278-1.278 0-1.872 1.134-2.178 2.232h-.036v-1.008c0-.792-.522-1.224-1.188-1.224-.666 0-1.188.432-1.188 1.224v7.344zm14.388-3.132c.882 0 1.152-.234 1.152-1.134 0-2.16-1.728-4.302-4.752-4.302-3.114 0-4.968 2.052-4.968 5.112 0 2.286 1.386 4.77 5.058 4.77 1.584 0 4.122-.738 4.122-2.322 0-.486-.45-1.026-1.08-1.026-1.062 0-1.062 1.296-3.042 1.296-1.53 0-2.43-1.008-2.43-2.394h5.94zm-5.94-1.512c.288-1.278 1.08-2.088 2.394-2.088 1.17 0 2.07.882 2.214 2.088h-4.608zm16.206 1.512c.882 0 1.152-.234 1.152-1.134 0-2.16-1.728-4.302-4.752-4.302-3.114 0-4.968 2.052-4.968 5.112 0 2.286 1.386 4.77 5.058 4.77 1.584 0 4.122-.738 4.122-2.322 0-.486-.45-1.026-1.08-1.026-1.062 0-1.062 1.296-3.042 1.296-1.53 0-2.43-1.008-2.43-2.394h5.94zm-5.94-1.512c.288-1.278 1.08-2.088 2.394-2.088 1.17 0 2.07.882 2.214 2.088h-4.608zm8.718 3.618c0 1.548.792 2.34 2.7 2.34 1.26 0 1.908-.414 1.908-1.17 0-.558-.342-.882-.918-.882h-.378c-.468 0-.684-.216-.684-.612v-5.256h.792c.774 0 1.188-.234 1.188-.864s-.414-.864-1.188-.864h-.792v-1.602c0-.864-.522-1.314-1.314-1.314s-1.314.45-1.314 1.314v1.602h-.45c-.738 0-1.044.288-1.044.864 0 .576.306.864 1.044.864h.45v5.58zM133.138 22h4.986v-1.404h-1.602V17.23h2.574c.702 0 1.314-.054 1.908-.27 1.458-.504 2.394-1.944 2.394-3.726 0-1.692-.846-3.042-2.16-3.6-.63-.288-1.404-.342-2.178-.342h-5.922v1.386h1.584v9.918h-1.584V22zm3.384-6.246v-4.986h2.376c.612 0 1.152.09 1.548.306.72.378 1.134 1.134 1.134 2.16 0 1.098-.468 1.908-1.278 2.268-.396.162-.846.252-1.422.252h-2.358zm8.196 3.654c0 2.124 1.116 2.646 2.412 2.646.414 0 .774-.036.774-.036l.018-1.44s-.198.018-.486.018c-.792 0-.972-.522-.972-1.296V9.292h-3.258v1.35h1.512v8.766zm3.588.054c0 1.872 1.512 2.754 3.024 2.754 2.214 0 3.006-1.926 3.006-1.926h.036s-.072.234-.072.594v.126c0 .594.324.99 1.134.99h1.818v-1.35h-.918c-.252 0-.396-.126-.396-.396v-4.068c0-2.304-1.224-3.51-3.546-3.51-2.124 0-3.456 1.08-3.456 1.08l.702 1.242s1.17-.882 2.61-.882c1.116 0 1.944.504 1.944 1.944v.342h-.576c-1.512 0-5.31.198-5.31 3.06zm1.764-.144c0-1.746 2.862-1.782 3.69-1.782h.45v.378c0 1.368-.954 2.952-2.502 2.952-1.044 0-1.638-.738-1.638-1.548zm8.61-.648c0 3.042 2.322 3.402 3.474 3.402.378 0 .63-.036.63-.036v-1.458s-.162.018-.414.018c-.684 0-1.944-.234-1.944-2.088v-4.266h2.178v-1.35h-2.178V10.39h-1.71v2.502h-1.566v1.35h1.53v4.428zm4.74 3.33h4.842v-1.35h-1.674v-6.408h2.196v-1.35h-2.196v-.486c0-1.638 1.134-1.8 1.71-1.8.414 0 .648.054.648.054V9.22s-.342-.054-.828-.054c-1.08 0-3.276.36-3.276 3.276v.45h-1.512v1.35h1.512v6.408h-1.422V22zm5.766-4.572c0 2.772 2.196 4.788 4.914 4.788 2.718 0 4.914-2.016 4.914-4.788 0-2.754-2.196-4.752-4.914-4.752-2.718 0-4.914 1.998-4.914 4.752zm1.782 0c0-1.89 1.404-3.24 3.132-3.24 1.71 0 3.132 1.35 3.132 3.24 0 1.908-1.422 3.276-3.132 3.276-1.728 0-3.132-1.368-3.132-3.276zM179.812 22h4.464v-1.35h-1.35v-2.412c0-1.782.828-3.744 2.772-3.744.288 0 .504.054.504.054V12.82s-.216-.036-.45-.036c-1.404 0-2.466 1.044-2.88 2.376h-.036s.036-.27.036-.63v-.576c0-.738-.378-1.062-1.17-1.062h-2.052v1.35h1.134c.252 0 .396.126.396.396v6.012h-1.368V22zm6.828 0h4.608v-1.35h-1.44v-2.772c0-1.782 1.008-3.618 2.736-3.618 1.404 0 1.584 1.098 1.584 2.286V22h3.168v-1.35h-1.422v-2.844c0-1.8.972-3.546 2.682-3.546 1.368 0 1.602 1.008 1.602 2.286V22h3.186v-1.35h-1.44v-4.482c0-2.322-.954-3.492-2.97-3.492-1.494 0-2.754 1.008-3.258 2.142h-.036c-.306-1.476-1.206-2.142-2.664-2.142-1.476 0-2.79 1.134-3.24 2.214h-.036s.054-.234.054-.522V13.9c0-.666-.378-1.008-1.152-1.008h-2.052v1.35h1.116c.252 0 .396.126.396.378v6.03h-1.422V22zM12 24.49c-1.684 0-3.266-.443-4.64-1.215l4.28-4.406c.02-.02.034-.047.053-.067.348.087.706.146 1.08.146 2.506.006 4.543-2.02 4.55-4.526.004-.4-.064-.782-.16-1.155l-2.39 2.377-2.644-.572-.557-2.647 2.396-2.38c-.375-.104-.763-.177-1.17-.178-2.506-.006-4.544 2.016-4.552 4.525-.002.533.105 1.035.272 1.51L4.182 20.37c-1.052-1.528-1.67-3.378-1.67-5.37 0-5.232 4.257-9.49 9.49-9.49 5.23 0 9.488 4.258 9.488 9.49 0 5.233-4.257 9.49-9.49 9.49M12 3C5.385 3 0 8.384 0 15s5.384 12 12 12c6.617 0 12-5.384 12-12S18.617 3 12 3"/></g></svg>
\ No newline at end of file diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform@2x.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform@2x.png Binary files differnew file mode 100644 index 000000000..bdb8eb121 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-fms-platform@2x.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.png Binary files differnew file mode 100644 index 000000000..51596b929 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.png diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.svg b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.svg new file mode 100644 index 000000000..aa3484c3f --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety.svg @@ -0,0 +1 @@ +<svg width="152" height="32" viewBox="0 0 152 32" xmlns="http://www.w3.org/2000/svg"><title>mysociety-logo-white</title><g fill="none" fill-rule="evenodd"><path d="M.136 12.013C.136 10.08.102 8.458 0 7.007h3.61l.17 2.487h.102c.818-1.312 2.316-2.866 5.11-2.866 2.18 0 3.88 1.244 4.596 3.107h.068c.58-.933 1.26-1.624 2.043-2.106.92-.657 1.974-1.002 3.337-1.002 2.758 0 5.55 1.898 5.55 7.284v9.906H20.5v-9.285c0-2.797-.952-4.453-2.963-4.453-1.43 0-2.485 1.035-2.927 2.243-.103.414-.204.932-.204 1.415v10.08h-4.088v-9.734c0-2.348-.92-4.005-2.86-4.005-1.566 0-2.622 1.242-2.997 2.415-.17.415-.237.898-.237 1.382v9.94H.136V12.013M31.09 7.007l2.996 9.01c.34 1.036.683 2.314.92 3.28h.103c.27-.966.578-2.21.884-3.313l2.588-8.976h4.496l-4.155 11.46c-2.282 6.283-3.814 9.077-5.79 10.804-1.635 1.485-3.338 2.038-4.394 2.177l-.953-3.594c.715-.172 1.6-.55 2.452-1.172.783-.517 1.702-1.52 2.28-2.658.17-.313.273-.552.273-.76 0-.173-.034-.414-.24-.828l-6.06-15.43h4.596M45.562 19.192c1.362.794 3.405 1.485 5.55 1.485 2.69 0 4.19-1.277 4.19-3.174 0-1.762-1.16-2.798-4.087-3.868-3.78-1.38-6.2-3.417-6.2-6.766 0-3.798 3.135-6.697 8.107-6.697 2.486 0 4.325.552 5.517 1.173l-1.023 3.417c-.818-.448-2.418-1.105-4.563-1.105-2.657 0-3.815 1.45-3.815 2.797 0 1.795 1.328 2.623 4.393 3.832 3.984 1.52 5.925 3.556 5.925 6.904 0 3.73-2.793 7.008-8.717 7.008-2.418 0-4.937-.724-6.198-1.483l.92-3.523M94.765 23.3c-.883.413-2.62.897-4.698.897-5.176 0-8.548-3.383-8.548-8.595 0-5.04 3.404-8.975 9.23-8.975 1.532 0 3.097.346 4.05.795l-.747 3.175c-.68-.31-1.67-.656-3.167-.656-3.2 0-5.11 2.383-5.074 5.455 0 3.452 2.213 5.42 5.074 5.42 1.463 0 2.487-.312 3.303-.657l.575 3.143M97.866 7.007h4.222v16.81h-4.222M102.326 2.313c0 1.277-.92 2.28-2.383 2.28-1.397 0-2.317-1.003-2.317-2.28C97.626 1 98.58 0 99.976 0c1.43 0 2.317 1 2.35 2.313M109.544 16.604c.103 3.038 2.453 4.35 5.11 4.35 1.94 0 3.336-.277 4.597-.762l.613 2.936c-1.432.586-3.405 1.07-5.79 1.07-5.38 0-8.546-3.384-8.546-8.526 0-4.66 2.792-9.045 8.104-9.045 5.415 0 7.152 4.488 7.152 8.183 0 .793-.067 1.415-.135 1.794h-11.103zm7.29-2.968c.034-1.554-.648-4.108-3.44-4.108-2.59 0-3.68 2.38-3.85 4.108h7.29zM128.954 2.692v4.315h3.986v3.177h-3.986v7.42c0 2.038.545 3.11 2.145 3.11.783 0 1.156-.07 1.635-.21l.068 3.247c-.614.24-1.704.45-3.03.45-1.534 0-2.828-.554-3.61-1.416-.886-.966-1.294-2.487-1.294-4.695v-7.906h-2.385V7.008h2.384V3.902l4.084-1.21M138.965 7.007l3 9.01c.34 1.036.678 2.314.918 3.28h.1c.275-.966.582-2.21.886-3.313l2.588-8.976h4.494l-4.154 11.46c-2.282 6.283-3.813 9.08-5.79 10.806-1.634 1.485-3.338 2.036-4.39 2.175l-.956-3.592c.715-.172 1.602-.553 2.452-1.174.783-.517 1.703-1.52 2.282-2.656.172-.313.273-.554.273-.76 0-.173-.036-.416-.24-.83l-6.06-15.43h4.596" fill="#FFF"/><path d="M70.18 5.938c1.178 0 2.134.968 2.134 2.163 0 1.195-.956 2.164-2.135 2.164-1.18 0-2.134-.97-2.134-2.163 0-1.194.955-2.162 2.133-2.162" fill="#F94950"/><path d="M70.18 20.387c1.178 0 2.134.97 2.134 2.164 0 1.195-.956 2.164-2.135 2.164-1.18 0-2.134-.97-2.134-2.163 0-1.193.955-2.163 2.133-2.163" fill="#41BAEC"/><path d="M75.277 8.113c1.177 0 2.134.968 2.134 2.162 0 1.195-.956 2.163-2.133 2.163-1.18 0-2.134-.968-2.134-2.163 0-1.194.956-2.162 2.134-2.162" fill="#FA9C30"/><path d="M66.572 21.923c-.842.83-2.194.817-3.017-.036-.824-.855-.807-2.224.036-3.058.843-.837 2.193-.82 3.017.033.823.853.808 2.22-.035 3.06" fill="#9C4CD8"/><path d="M77.306 13.102c1.177 0 2.134.968 2.134 2.163 0 1.192-.957 2.16-2.134 2.16s-2.132-.967-2.132-2.16c0-1.195.955-2.163 2.132-2.163" fill="#FCEE21"/><path d="M63.053 13.223c1.18 0 2.134.97 2.134 2.163 0 1.195-.955 2.164-2.134 2.164-1.18 0-2.134-.97-2.134-2.164 0-1.194.954-2.163 2.133-2.163" fill="#C749C3"/><path d="M73.71 21.964c-.832-.847-.832-2.214 0-3.06.834-.843 2.185-.843 3.018 0 .833.846.833 2.213 0 3.06-.834.843-2.184.843-3.017 0" fill="#9FDB50"/></g></svg>
\ No newline at end of file diff --git a/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety@2x.png b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety@2x.png Binary files differnew file mode 100644 index 000000000..600a20fd6 --- /dev/null +++ b/web/cobrands/fixmystreet.com/images/mysoc-footer/logo-mysociety@2x.png diff --git a/web/cobrands/fixmystreet.com/layout.scss b/web/cobrands/fixmystreet.com/layout.scss index 14eccfd1e..3802d96d7 100644 --- a/web/cobrands/fixmystreet.com/layout.scss +++ b/web/cobrands/fixmystreet.com/layout.scss @@ -207,41 +207,6 @@ body.twothirdswidthpage { } } -#footer-nav { - display: block; - border: 0px; - border-top: 0.25em solid #ffd000; - border-image: url(images/tile-y.jpg) 30 0 repeat; - - .tablewrapper { - max-width: 60em; - margin: 0 auto; - background: $base_bg; - ul { - @include list-reset-soft; - float: $left; - li { - display: inline; - float: $left; - a, span { - display: block; - color: $nav_fg; - background: none; - border-bottom: none; - padding: 0.75em; - font-size: 0.9em; - } - } - } - #footer-main-nav { - display: block; - } - #footer-help-nav { - float: $right; - } - } -} - .next-steps { @include clearfix; margin-bottom: 2em; // add some space between this and the footer @@ -324,6 +289,33 @@ body.unresponsive-council { } } +// FMS.com has a slightly different version of the +// footer-help / footer-marketing widgets that appear +// at the bottom of pages with `pagefooter` set. +#footer-help { + border: none; + + ul { + margin: 0 auto; + + li { + max-width: 19em; + + &:last-child { + border: none; + padding-left: 3em; + } + } + } +} + +.mysoc-footer { + margin-top: 3em; +} +body.mappage .mysoc-footer { + display: none; +} + .variant1 { body { background: #fad52a url(/cobrands/fixmystreet.com/images/friendly-homepage.jpg) top center no-repeat; @@ -422,21 +414,20 @@ body.unresponsive-council { color: #222; background: #fad52a; } - body.fullwidthpage .container .content footer .tablewrapper, - #footer-nav .tablewrapper { + body.fullwidthpage .container .content footer .tablewrapper { color: #222; background: transparent; } - #footer-nav .tablewrapper ul li a, - #footer-nav .tablewrapper ul li span { - color: #222; - } - .nav-menu--mysoc { background: #fff; } + #footer-help a { + color: inherit; + text-decoration: underline; + } + #mysoc-logo { background-image: url(/cobrands/fixmystreet.com/images/friendly-mysoc-logo.png); background-position: 50% 0%; diff --git a/web/cobrands/fixmystreet/images/google_play_logo.png b/web/cobrands/fixmystreet/images/google_play_logo.png Binary files differindex 893ec5727..b1e774859 100644 --- a/web/cobrands/fixmystreet/images/google_play_logo.png +++ b/web/cobrands/fixmystreet/images/google_play_logo.png diff --git a/web/cobrands/fixmystreet/images/google_play_logo@2.png b/web/cobrands/fixmystreet/images/google_play_logo@2.png Binary files differnew file mode 100644 index 000000000..dfeb5a9a4 --- /dev/null +++ b/web/cobrands/fixmystreet/images/google_play_logo@2.png diff --git a/web/cobrands/fixmystreet/images/itunes_store_logo.png b/web/cobrands/fixmystreet/images/itunes_store_logo.png Binary files differindex 395769502..b65d5a5a4 100644 --- a/web/cobrands/fixmystreet/images/itunes_store_logo.png +++ b/web/cobrands/fixmystreet/images/itunes_store_logo.png diff --git a/web/cobrands/fixmystreet/images/itunes_store_logo@2.png b/web/cobrands/fixmystreet/images/itunes_store_logo@2.png Binary files differnew file mode 100644 index 000000000..af616aada --- /dev/null +++ b/web/cobrands/fixmystreet/images/itunes_store_logo@2.png |
