From 11690f70ab8da3c66b80294c622295bda7667d25 Mon Sep 17 00:00:00 2001 From: Matthew Somerville Date: Fri, 10 Oct 2014 15:25:30 +0100 Subject: Move some fixmystreet.com-only stuff into cobrand. --- templates/web/fixmystreet.com/static/council.html | 24 +- web/cobrands/fixmystreet.com/fmsforcouncils.scss | 579 +++++++++++++++++++++ .../images/fms-for-councils/barnet-logo.png | Bin 0 -> 3863 bytes .../images/fms-for-councils/bromley-logo.png | Bin 0 -> 4200 bytes .../images/fms-for-councils/download-icon.png | Bin 0 -> 1135 bytes .../images/fms-for-councils/east-sussex-logo.png | Bin 0 -> 4012 bytes .../images/fms-for-councils/hart-logo.png | Bin 0 -> 4039 bytes .../images/fms-for-councils/hart.png | Bin 0 -> 105483 bytes .../images/fms-for-councils/highway.jpg | Bin 0 -> 51113 bytes .../images/fms-for-councils/iphone.png | Bin 0 -> 96848 bytes .../images/fms-for-councils/oxfordshire-logo.png | Bin 0 -> 4749 bytes .../images/fms-for-councils/responsive.png | Bin 0 -> 65329 bytes .../images/fms-for-councils/stevenage-logo.png | Bin 0 -> 4651 bytes .../images/fms-for-councils/street-crossing.jpg | Bin 0 -> 30623 bytes .../images/fms-for-councils/street-scene.jpg | Bin 0 -> 69991 bytes .../images/fms-for-councils/street-sunset.jpg | Bin 0 -> 35518 bytes .../images/fms-for-councils/warwickshire-logo.png | Bin 0 -> 7670 bytes .../images/fms-for-councils/zurich-logo.png | Bin 0 -> 6901 bytes web/cobrands/fixmystreet/barnet.png | Bin 52852 -> 0 bytes web/cobrands/fixmystreet/fmsforcouncils.scss | 579 --------------------- .../images/fms-for-councils/barnet-logo.png | Bin 3863 -> 0 bytes .../images/fms-for-councils/bromley-logo.png | Bin 4200 -> 0 bytes .../images/fms-for-councils/download-icon.png | Bin 1135 -> 0 bytes .../images/fms-for-councils/east-sussex-logo.png | Bin 4012 -> 0 bytes .../images/fms-for-councils/hart-logo.png | Bin 4039 -> 0 bytes .../fixmystreet/images/fms-for-councils/hart.png | Bin 105483 -> 0 bytes .../images/fms-for-councils/highway.jpg | Bin 51113 -> 0 bytes .../fixmystreet/images/fms-for-councils/iphone.png | Bin 96848 -> 0 bytes .../images/fms-for-councils/oxfordshire-logo.png | Bin 4749 -> 0 bytes .../images/fms-for-councils/responsive.png | Bin 65329 -> 0 bytes .../images/fms-for-councils/stevenage-logo.png | Bin 4651 -> 0 bytes .../images/fms-for-councils/street-crossing.jpg | Bin 30623 -> 0 bytes .../images/fms-for-councils/street-scene.jpg | Bin 69991 -> 0 bytes .../images/fms-for-councils/street-sunset.jpg | Bin 35518 -> 0 bytes .../images/fms-for-councils/warwickshire-logo.png | Bin 7670 -> 0 bytes .../images/fms-for-councils/zurich-logo.png | Bin 6901 -> 0 bytes 36 files changed, 591 insertions(+), 591 deletions(-) create mode 100644 web/cobrands/fixmystreet.com/fmsforcouncils.scss create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/download-icon.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/east-sussex-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/hart.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/highway.jpg create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/iphone.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/responsive.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/street-crossing.jpg create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/street-scene.jpg create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/street-sunset.jpg create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png create mode 100644 web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png delete mode 100644 web/cobrands/fixmystreet/barnet.png delete mode 100644 web/cobrands/fixmystreet/fmsforcouncils.scss delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/barnet-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/bromley-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/download-icon.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/east-sussex-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/hart-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/hart.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/highway.jpg delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/iphone.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/oxfordshire-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/responsive.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/stevenage-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/street-crossing.jpg delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/street-scene.jpg delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/street-sunset.jpg delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/warwickshire-logo.png delete mode 100644 web/cobrands/fixmystreet/images/fms-for-councils/zurich-logo.png diff --git a/templates/web/fixmystreet.com/static/council.html b/templates/web/fixmystreet.com/static/council.html index 510d4bb20..81cc5ef40 100644 --- a/templates/web/fixmystreet.com/static/council.html +++ b/templates/web/fixmystreet.com/static/council.html @@ -1,5 +1,5 @@ [% extra_css = BLOCK %] - + [% END %] [% INCLUDE header.html @@ -21,7 +21,7 @@

And it worked. Residents loved the easy interface; councils welcomed the shift to digital. Now we’ve developed FixMyStreet for Councils, allowing you to bring the award-winning FixMyStreet experience directly to your own council website’s users.

FixMyStreet for Councils creates a council-branded, seamless fault-reporting interface for your site, integrating directly with your back-office systems, and available via web or mobile.

- +
@@ -46,7 +46,7 @@

Patchy coverage in some parts of your borough? That’s fine: the FixMyStreet for Councils apps will store any report as it’s made, then send it off once there is access to a connection.

We know that not everyone’s on an iPhone or Android device. No problem - your reporting interface can also be accessed via any smartphone browser, as a mobile-optimised website

- + @@ -78,7 +78,7 @@

You can tell us which types of reports are not your responsibility, and where we should route them instead.

And you can tailor the text that we use at every step (or use ours - we’ve worked hard on it!).

- + @@ -111,14 +111,14 @@
- +
diff --git a/web/cobrands/fixmystreet.com/fmsforcouncils.scss b/web/cobrands/fixmystreet.com/fmsforcouncils.scss new file mode 100644 index 000000000..c5900518a --- /dev/null +++ b/web/cobrands/fixmystreet.com/fmsforcouncils.scss @@ -0,0 +1,579 @@ +/* + FixMyStreet for Councils page. + Todo: This should be in a separate stylesheet +*/ +$fms-orange: #f4a140; +$fms-red: #e04b4b; +$fms-blue: #4faded; +$fms-green: #62b356; + +.fms-for-councils { + background-color: #1a1a1a; + a { + color: $fms-orange; + &:hover, + &:active, + &:focus { + color: darken($fms-orange, 5%); + text-decoration: underline; + } + } + + img { + max-width: 100%; + } + + .wrapper { + display: block; + @media only screen and (min-width: 48em) { + display: table; + } + } + .content { + background-color: transparent; + color: #c2c2c2; + padding: 0 !important; + margin: 0; + h1,h2,h3,h4,h5,h6 { + color: #fff; + font-family: MuseoSans,Helmet,Freesans,sans-serif; + font-weight: bold; + } + } + .container { + width: 100%; + padding: 0; + } + #site-header { + .container { + @media only screen and (min-width: 60em) { + max-width: 60em; + } + } + } + + .fixed-container { + @media only screen and (min-width: 60em) { + width: 100%; + } + max-width: 58em; /*(60em - 1em + 1em padding)*/ + padding: 0; + width: auto; + margin: 0 auto; + position: relative; + padding: 0 1em; + } + + .button-base { + padding: 0.5em 1.25em; + border-radius: 3px; + display: inline-block; + font-weight: bold; + &:hover, + &:active, + &:focus { + text-decoration: none; + color: #fff; + } + } + + .button { + @extend .button-base; + color: #fff; + background-color: $fms-orange; + border: none; + width: 100%; + padding: 0.75em 0; + @media only screen and (min-width: 48em) { + width: auto; + padding: 0.5em 1.25em; + } + &:hover, + &:active, + &:focus { + background-color: darken($fms-orange, 5%); + } + } + + .councils-section { + border-bottom: 1px solid #161616; + border-top: 1px solid #3a3a3a; + padding: 2.5em 0; + background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); + background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); + background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); + background-image: gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); + @media only screen and (min-width: 48em) { + padding: 4em 0; + } + + &.photo-break { + padding: 0; + height: 10em; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + @media only screen and (min-width: 48em) { + height: 25em; + } + } + + h2 { + font-size: 1.6875em; + margin-top: 0; + } + + p { + font-size: 1.0625em; + } + } + + .photo-break--street-scene { + background-image: url(/cobrands/fixmystreet.com/images/fms-for-councils/street-scene.jpg); + } + + .photo-break--highway { + background-image: url(/cobrands/fixmystreet.com/images/fms-for-councils/highway.jpg); + } + + .photo-break--sunset { + background-image: url(/cobrands/fixmystreet.com/images/fms-for-councils/street-sunset.jpg); + } + + .section-content { + @media only screen and (min-width: 60em) { + max-width: 60%; + } + } + + .hero { + text-align: center; + border-top: 0; + background-image: url(/cobrands/fixmystreet.com/images/fms-for-councils/street-crossing.jpg); + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + padding: 4em 0; + @media only screen and (min-width: 48em) { + padding: 9em 0; + } + } + + .hero-title { + color: #fff; + text-shadow: 0px 1px 7px rgba(0,0,0, 0.7); + font-size: 2em; + font-weight: bold; + @media only screen and (min-width: 48em) { + font-size: 3.375em; + } + } + + p.hero-intro { + color: #fff; + text-shadow: 0px 1px 3px rgba(0,0,0, 0.7); + max-width: 37em; + margin-left: auto; + margin-right: auto; + font-size: 1.1em; + @media only screen and (min-width: 48em) { + font-size: 1.25em; + } + } + + /* Pricing tables */ + .product-pricing { + margin-bottom: 3em; + } + + .pricing-table { + color: #fff; + border: 1px solid #444; + } + + .pricing-table-column { + width: 100%; + display: inline-block; + vertical-align: top; + @media only screen and (min-width: 48em) { + width: 33.333%; + } + } + + .pricing-table-column-wrapper { + border-right: 1px solid #555; + min-height: 472px; + &.last { + border-right: 0; + } + } + + .pricing-product-header { + background-color: $fms-orange; + color: #fff; + padding: 0.2em 0; + width: 100%; + text-align: center; + font-size: 1.2em; + line-height: 1em; + position: relative; + &:after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(0,0,0,0); + border-top-color: $fms-orange; + border-width: 10px; + margin-left: -10px; + } + h3 { + font-weight: normal; + } + } + + .pricing-header { + background-color: $fms-red; + padding: 1em; + } + + .mobile-web { + .pricing-header { + background-color: $fms-blue; + } + } + + .mobile-web-apps { + .pricing-header { + background-color: $fms-green; + } + } + + .pricing-header-price { + margin-bottom: 0.5em; + &:last-of-type { + margin-bottom: 0; + } + } + + .pricing-price { + font-size: 2.25em; + line-height: 1.15em; + .asterisk { + color: rgba(255,255,255,0.5); + } + } + + .pricing-note { + font-size: 0.388888889em; + } + + .pricing-label { + color: rgba(255,255,255,0.7); + display: block; + } + + .pricing-content { + padding: 1.5em 1em; + ul { + list-style: none outside none; + margin: 0; + } + li { + list-style: none outside none + } + } + + .pricing-extras-item { + border-bottom: 1px solid #444; + overflow: hidden; + &:last-of-type { + border-bottom: 0; + } + } + + .pricing-extras-column--primary { + @media only screen and (min-width: 32em) { + float: left; + width: 66.6%; + } + + } + .pricing-extras-column--secondary { + @media only screen and (min-width: 32em) { + float: right; + width: 33.4%; + } + } + + .pricing-extras-description { + padding: 1.5em 1em; + h4 { + font-weight: normal; + font-size: 1.125em; + margin: 0 0 0.25em; + } + p { + color: #bab8b3; + font-size: 0.875em; + margin-bottom: 0; + } + } + + .pricing-extras-price { + background-color: #2b2b2b; + padding: 1.5em 1em; + .pricing-price { + font-size: 1.3125em; + margin-bottom: 0.5em; + display: inline-block; + } + .pricing-label { + font-size: 0.875em; + } + } + + .small-print { + margin: 0.66em 0 0; + small { + font-style: normal; + color: #bab8b3; + } + } + + .call-to-action { + background-color: $fms-orange; + text-align: center; + background-image: none; + a { + color: #fff; + text-decoration: underline; + } + h2 { + font-size: 2.25em; + margin-bottom: 0.25em; + margin-top: 0; + } + p { + max-width: 37em; + margin: 0 auto 2em; + color: #fff; + } + .button { + background-color: darken($fms-orange, 7.5%); + font-size: 1.125em; + text-decoration: none; + &:hover, + &:active, + &:focus { + background-color: darken($fms-orange, 12.5%); + } + } + } + + .call-to-action--mini { + text-align: left; + padding: 2em 0; + p { + margin: 0; + font-size: 1.3125em; + } + } + + .flush-image { + position: relative; + width: 66%; + margin-left: 17%; + @media only screen and (min-width: 60em) { + position: absolute; + margin: 0; + width: auto; + } + } + + .flush-image--bottom { + bottom: -41px; + @media only screen and (min-width: 48em) { + bottom: -65px; + } + @media only screen and (min-width: 60em) { + bottom: -82px; + right: 2em; + } + } + + .flush-image--bottom-right { + bottom: -41px; + @media only screen and (min-width: 48em) { + bottom: -65px; + } + @media only screen and (min-width: 60em) { + bottom: -82px; + right: -1em; + } + } + + .case-study-button { + background-color: #222; + padding: 1em 0; + border-radius: 5px; + display: inline-block; + color: #fff; + margin-right: 0.5em; + margin-bottom: 1em; + width: 100%; + @media only screen and (min-width: 48em) { + width: auto; + padding: 1em; + } + &:hover, + &:active, + &:focus { + color: #fff; + background-color: #1b1b1b; + text-decoration: none; + } + } + + .case-study-button-label { + display: block; + font-size: 0.875em; + color: #bab8b3; + @media only screen and (max-width: 48em) { + margin-left: 30px; + } + } + + .case-study-button-name { + font-size: 1.5em; + display: inline-block; + background-repeat: no-repeat; + background-image: url(/cobrands/fixmystreet.com/images/fms-for-councils/download-icon.png); + background-position: 0 7px; + padding-left: 30px; + @media only screen and (max-width: 48em) { + margin-left: 30px; + } + } + + .case-study-button-format { + color: #6c6b68; + font-size: 0.875em; + } + + .client-logos { + margin: 2em 0 0; + @media only screen and (min-width: 60em) { + position: absolute; + right: 0; + top: 3em; + width: 35%; + margin-top: 0; + } + a { + text-align: center; + display: inline-block; + width: 50%; + margin-bottom: 1em; + vertical-align: middle; + opacity: 0.5; + &:hover, + &:active, + &:focus { + opacity: 1; + } + } + img { + max-width: 100%; + } + } +} + + .ie8, .ie7 { + .fms-for-councils { + .wrapper { + display: table; + } + + #site-header { + .container { + max-width: 60em; + } + } + + .fixed-container { + width: 100%; + } + + .button { + width: auto; + padding: 0.5em 1.25em; + } + .councils-section { + padding: 4em 0; + } + + .photo-break { + height: 25em; + background-size: 100%; + } + + .section-content { + max-width: 60%; + } + + .pricing-table-column { + width: 33.333%; + display: block; + float: left; + } + + .pricing-extras-column--primary { + float: left; + width: 66.6%; + } + + .pricing-extras-column--secondary { + float: right; + width: 33.4%; + } + + .flush-image { + position: absolute; + margin: 0; + width: auto; + } + + .flush-image--bottom { + bottom: -82px; + right: 2em; + } + + .flush-image--bottom-right { + bottom: -82px; + right: -1em; + } + + .client-logos { + position: absolute; + right: 0; + top: 3em; + width: 35%; + margin-top: 0; + } + + .case-study-button { + width: auto; + padding: 1em; + } + + .case-study-button-name { + margin-left: 30px; + } + } + + } diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png new file mode 100644 index 000000000..ad90a663c Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/barnet-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png new file mode 100644 index 000000000..96f6cbdc0 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/bromley-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/download-icon.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/download-icon.png new file mode 100644 index 000000000..2bd373f70 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/download-icon.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/east-sussex-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/east-sussex-logo.png new file mode 100644 index 000000000..e87c89668 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/east-sussex-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png new file mode 100644 index 000000000..8ec4dd68e Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/hart.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart.png new file mode 100644 index 000000000..362df3dc8 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/hart.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/highway.jpg b/web/cobrands/fixmystreet.com/images/fms-for-councils/highway.jpg new file mode 100644 index 000000000..98f53617b Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/highway.jpg differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/iphone.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/iphone.png new file mode 100644 index 000000000..68557a2a2 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/iphone.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png new file mode 100644 index 000000000..85655c4b1 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/oxfordshire-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/responsive.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/responsive.png new file mode 100644 index 000000000..dc7468397 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/responsive.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png new file mode 100644 index 000000000..96c60299d Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/stevenage-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/street-crossing.jpg b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-crossing.jpg new file mode 100644 index 000000000..296db5f3b Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-crossing.jpg differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/street-scene.jpg b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-scene.jpg new file mode 100644 index 000000000..9c13bbaa8 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-scene.jpg differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/street-sunset.jpg b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-sunset.jpg new file mode 100644 index 000000000..0f0bb1800 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/street-sunset.jpg differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png new file mode 100644 index 000000000..62087ba52 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/warwickshire-logo.png differ diff --git a/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png b/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png new file mode 100644 index 000000000..2748caec3 Binary files /dev/null and b/web/cobrands/fixmystreet.com/images/fms-for-councils/zurich-logo.png differ diff --git a/web/cobrands/fixmystreet/barnet.png b/web/cobrands/fixmystreet/barnet.png deleted file mode 100644 index 0b373fb30..000000000 Binary files a/web/cobrands/fixmystreet/barnet.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/fmsforcouncils.scss b/web/cobrands/fixmystreet/fmsforcouncils.scss deleted file mode 100644 index afc5aeacb..000000000 --- a/web/cobrands/fixmystreet/fmsforcouncils.scss +++ /dev/null @@ -1,579 +0,0 @@ -/* - FixMyStreet for Councils page. - Todo: This should be in a separate stylesheet -*/ -$fms-orange: #f4a140; -$fms-red: #e04b4b; -$fms-blue: #4faded; -$fms-green: #62b356; - -.fms-for-councils { - background-color: #1a1a1a; - a { - color: $fms-orange; - &:hover, - &:active, - &:focus { - color: darken($fms-orange, 5%); - text-decoration: underline; - } - } - - img { - max-width: 100%; - } - - .wrapper { - display: block; - @media only screen and (min-width: 48em) { - display: table; - } - } - .content { - background-color: transparent; - color: #c2c2c2; - padding: 0 !important; - margin: 0; - h1,h2,h3,h4,h5,h6 { - color: #fff; - font-family: MuseoSans,Helmet,Freesans,sans-serif; - font-weight: bold; - } - } - .container { - width: 100%; - padding: 0; - } - #site-header { - .container { - @media only screen and (min-width: 60em) { - max-width: 60em; - } - } - } - - .fixed-container { - @media only screen and (min-width: 60em) { - width: 100%; - } - max-width: 58em; /*(60em - 1em + 1em padding)*/ - padding: 0; - width: auto; - margin: 0 auto; - position: relative; - padding: 0 1em; - } - - .button-base { - padding: 0.5em 1.25em; - border-radius: 3px; - display: inline-block; - font-weight: bold; - &:hover, - &:active, - &:focus { - text-decoration: none; - color: #fff; - } - } - - .button { - @extend .button-base; - color: #fff; - background-color: $fms-orange; - border: none; - width: 100%; - padding: 0.75em 0; - @media only screen and (min-width: 48em) { - width: auto; - padding: 0.5em 1.25em; - } - &:hover, - &:active, - &:focus { - background-color: darken($fms-orange, 5%); - } - } - - .councils-section { - border-bottom: 1px solid #161616; - border-top: 1px solid #3a3a3a; - padding: 2.5em 0; - background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); - background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); - background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); - background-image: gradient( 90deg, rgba(0,0,0,0) 58%, rgba(0,0,0,0.2) 100%); - @media only screen and (min-width: 48em) { - padding: 4em 0; - } - - &.photo-break { - padding: 0; - height: 10em; - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - @media only screen and (min-width: 48em) { - height: 25em; - } - } - - h2 { - font-size: 1.6875em; - margin-top: 0; - } - - p { - font-size: 1.0625em; - } - } - - .photo-break--street-scene { - background-image: url(/cobrands/fixmystreet/images/fms-for-councils/street-scene.jpg); - } - - .photo-break--highway { - background-image: url(/cobrands/fixmystreet/images/fms-for-councils/highway.jpg); - } - - .photo-break--sunset { - background-image: url(/cobrands/fixmystreet/images/fms-for-councils/street-sunset.jpg); - } - - .section-content { - @media only screen and (min-width: 60em) { - max-width: 60%; - } - } - - .hero { - text-align: center; - border-top: 0; - background-image: url(/cobrands/fixmystreet/images/fms-for-councils/street-crossing.jpg); - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - padding: 4em 0; - @media only screen and (min-width: 48em) { - padding: 9em 0; - } - } - - .hero-title { - color: #fff; - text-shadow: 0px 1px 7px rgba(0,0,0, 0.7); - font-size: 2em; - font-weight: bold; - @media only screen and (min-width: 48em) { - font-size: 3.375em; - } - } - - p.hero-intro { - color: #fff; - text-shadow: 0px 1px 3px rgba(0,0,0, 0.7); - max-width: 37em; - margin-left: auto; - margin-right: auto; - font-size: 1.1em; - @media only screen and (min-width: 48em) { - font-size: 1.25em; - } - } - - /* Pricing tables */ - .product-pricing { - margin-bottom: 3em; - } - - .pricing-table { - color: #fff; - border: 1px solid #444; - } - - .pricing-table-column { - width: 100%; - display: inline-block; - vertical-align: top; - @media only screen and (min-width: 48em) { - width: 33.333%; - } - } - - .pricing-table-column-wrapper { - border-right: 1px solid #555; - min-height: 472px; - &.last { - border-right: 0; - } - } - - .pricing-product-header { - background-color: $fms-orange; - color: #fff; - padding: 0.2em 0; - width: 100%; - text-align: center; - font-size: 1.2em; - line-height: 1em; - position: relative; - &:after { - top: 100%; - left: 50%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-color: rgba(0,0,0,0); - border-top-color: $fms-orange; - border-width: 10px; - margin-left: -10px; - } - h3 { - font-weight: normal; - } - } - - .pricing-header { - background-color: $fms-red; - padding: 1em; - } - - .mobile-web { - .pricing-header { - background-color: $fms-blue; - } - } - - .mobile-web-apps { - .pricing-header { - background-color: $fms-green; - } - } - - .pricing-header-price { - margin-bottom: 0.5em; - &:last-of-type { - margin-bottom: 0; - } - } - - .pricing-price { - font-size: 2.25em; - line-height: 1.15em; - .asterisk { - color: rgba(255,255,255,0.5); - } - } - - .pricing-note { - font-size: 0.388888889em; - } - - .pricing-label { - color: rgba(255,255,255,0.7); - display: block; - } - - .pricing-content { - padding: 1.5em 1em; - ul { - list-style: none outside none; - margin: 0; - } - li { - list-style: none outside none - } - } - - .pricing-extras-item { - border-bottom: 1px solid #444; - overflow: hidden; - &:last-of-type { - border-bottom: 0; - } - } - - .pricing-extras-column--primary { - @media only screen and (min-width: 32em) { - float: left; - width: 66.6%; - } - - } - .pricing-extras-column--secondary { - @media only screen and (min-width: 32em) { - float: right; - width: 33.4%; - } - } - - .pricing-extras-description { - padding: 1.5em 1em; - h4 { - font-weight: normal; - font-size: 1.125em; - margin: 0 0 0.25em; - } - p { - color: #bab8b3; - font-size: 0.875em; - margin-bottom: 0; - } - } - - .pricing-extras-price { - background-color: #2b2b2b; - padding: 1.5em 1em; - .pricing-price { - font-size: 1.3125em; - margin-bottom: 0.5em; - display: inline-block; - } - .pricing-label { - font-size: 0.875em; - } - } - - .small-print { - margin: 0.66em 0 0; - small { - font-style: normal; - color: #bab8b3; - } - } - - .call-to-action { - background-color: $fms-orange; - text-align: center; - background-image: none; - a { - color: #fff; - text-decoration: underline; - } - h2 { - font-size: 2.25em; - margin-bottom: 0.25em; - margin-top: 0; - } - p { - max-width: 37em; - margin: 0 auto 2em; - color: #fff; - } - .button { - background-color: darken($fms-orange, 7.5%); - font-size: 1.125em; - text-decoration: none; - &:hover, - &:active, - &:focus { - background-color: darken($fms-orange, 12.5%); - } - } - } - - .call-to-action--mini { - text-align: left; - padding: 2em 0; - p { - margin: 0; - font-size: 1.3125em; - } - } - - .flush-image { - position: relative; - width: 66%; - margin-left: 17%; - @media only screen and (min-width: 60em) { - position: absolute; - margin: 0; - width: auto; - } - } - - .flush-image--bottom { - bottom: -41px; - @media only screen and (min-width: 48em) { - bottom: -65px; - } - @media only screen and (min-width: 60em) { - bottom: -82px; - right: 2em; - } - } - - .flush-image--bottom-right { - bottom: -41px; - @media only screen and (min-width: 48em) { - bottom: -65px; - } - @media only screen and (min-width: 60em) { - bottom: -82px; - right: -1em; - } - } - - .case-study-button { - background-color: #222; - padding: 1em 0; - border-radius: 5px; - display: inline-block; - color: #fff; - margin-right: 0.5em; - margin-bottom: 1em; - width: 100%; - @media only screen and (min-width: 48em) { - width: auto; - padding: 1em; - } - &:hover, - &:active, - &:focus { - color: #fff; - background-color: #1b1b1b; - text-decoration: none; - } - } - - .case-study-button-label { - display: block; - font-size: 0.875em; - color: #bab8b3; - @media only screen and (max-width: 48em) { - margin-left: 30px; - } - } - - .case-study-button-name { - font-size: 1.5em; - display: inline-block; - background-repeat: no-repeat; - background-image: url(/cobrands/fixmystreet/images/fms-for-councils/download-icon.png); - background-position: 0 7px; - padding-left: 30px; - @media only screen and (max-width: 48em) { - margin-left: 30px; - } - } - - .case-study-button-format { - color: #6c6b68; - font-size: 0.875em; - } - - .client-logos { - margin: 2em 0 0; - @media only screen and (min-width: 60em) { - position: absolute; - right: 0; - top: 3em; - width: 35%; - margin-top: 0; - } - a { - text-align: center; - display: inline-block; - width: 50%; - margin-bottom: 1em; - vertical-align: middle; - opacity: 0.5; - &:hover, - &:active, - &:focus { - opacity: 1; - } - } - img { - max-width: 100%; - } - } -} - - .ie8, .ie7 { - .fms-for-councils { - .wrapper { - display: table; - } - - #site-header { - .container { - max-width: 60em; - } - } - - .fixed-container { - width: 100%; - } - - .button { - width: auto; - padding: 0.5em 1.25em; - } - .councils-section { - padding: 4em 0; - } - - .photo-break { - height: 25em; - background-size: 100%; - } - - .section-content { - max-width: 60%; - } - - .pricing-table-column { - width: 33.333%; - display: block; - float: left; - } - - .pricing-extras-column--primary { - float: left; - width: 66.6%; - } - - .pricing-extras-column--secondary { - float: right; - width: 33.4%; - } - - .flush-image { - position: absolute; - margin: 0; - width: auto; - } - - .flush-image--bottom { - bottom: -82px; - right: 2em; - } - - .flush-image--bottom-right { - bottom: -82px; - right: -1em; - } - - .client-logos { - position: absolute; - right: 0; - top: 3em; - width: 35%; - margin-top: 0; - } - - .case-study-button { - width: auto; - padding: 1em; - } - - .case-study-button-name { - margin-left: 30px; - } - } - - } diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/barnet-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/barnet-logo.png deleted file mode 100644 index ad90a663c..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/barnet-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/bromley-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/bromley-logo.png deleted file mode 100644 index 96f6cbdc0..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/bromley-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/download-icon.png b/web/cobrands/fixmystreet/images/fms-for-councils/download-icon.png deleted file mode 100644 index 2bd373f70..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/download-icon.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/east-sussex-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/east-sussex-logo.png deleted file mode 100644 index e87c89668..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/east-sussex-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/hart-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/hart-logo.png deleted file mode 100644 index 8ec4dd68e..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/hart-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/hart.png b/web/cobrands/fixmystreet/images/fms-for-councils/hart.png deleted file mode 100644 index 362df3dc8..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/hart.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/highway.jpg b/web/cobrands/fixmystreet/images/fms-for-councils/highway.jpg deleted file mode 100644 index 98f53617b..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/highway.jpg and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/iphone.png b/web/cobrands/fixmystreet/images/fms-for-councils/iphone.png deleted file mode 100644 index 68557a2a2..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/iphone.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/oxfordshire-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/oxfordshire-logo.png deleted file mode 100644 index 85655c4b1..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/oxfordshire-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/responsive.png b/web/cobrands/fixmystreet/images/fms-for-councils/responsive.png deleted file mode 100644 index dc7468397..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/responsive.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/stevenage-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/stevenage-logo.png deleted file mode 100644 index 96c60299d..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/stevenage-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/street-crossing.jpg b/web/cobrands/fixmystreet/images/fms-for-councils/street-crossing.jpg deleted file mode 100644 index 296db5f3b..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/street-crossing.jpg and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/street-scene.jpg b/web/cobrands/fixmystreet/images/fms-for-councils/street-scene.jpg deleted file mode 100644 index 9c13bbaa8..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/street-scene.jpg and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/street-sunset.jpg b/web/cobrands/fixmystreet/images/fms-for-councils/street-sunset.jpg deleted file mode 100644 index 0f0bb1800..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/street-sunset.jpg and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/warwickshire-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/warwickshire-logo.png deleted file mode 100644 index 62087ba52..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/warwickshire-logo.png and /dev/null differ diff --git a/web/cobrands/fixmystreet/images/fms-for-councils/zurich-logo.png b/web/cobrands/fixmystreet/images/fms-for-councils/zurich-logo.png deleted file mode 100644 index 2748caec3..000000000 Binary files a/web/cobrands/fixmystreet/images/fms-for-councils/zurich-logo.png and /dev/null differ -- cgit v1.2.3