diff options
| author | Matthew Somerville <matthew@mysociety.org> | 2014-11-07 18:47:33 +0000 |
|---|---|---|
| committer | Matthew Somerville <matthew@mysociety.org> | 2014-11-14 20:30:52 +0000 |
| commit | 77d448c0ed10a5ae7cc59f084be6f0f1c7e21d9d (patch) | |
| tree | 1e2107535cae54dd8c4eb9b742049aae1b690814 /web/cobrands/sass/_layout.scss | |
| parent | 4b2d84c538d3aa276c9103aab94e7c8252e7bf6a (diff) | |
Move footer styling to shared stylesheet.
This look works well on the default styling also.
Diffstat (limited to 'web/cobrands/sass/_layout.scss')
| -rw-r--r-- | web/cobrands/sass/_layout.scss | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss index 118fb1523..b7c1c9f96 100644 --- a/web/cobrands/sass/_layout.scss +++ b/web/cobrands/sass/_layout.scss @@ -382,6 +382,71 @@ body.fullwidthpage { width: auto; } } + +body.twothirdswidthpage, +body.fullwidthpage { + .container { + .content { + box-shadow: none; + padding: 1em 1em 0em; + margin-bottom: 0em; + footer { + margin-top: 0em; + .tablewrapper { + padding-top: 2em; + padding-bottom: 3em; + background: $base_bg; + color: $base_fg; + a:link, + a:visited { + color: $primary; + } + #footer-mobileapps { + a { + padding-left: 0.5em; + } + } + h4 { + font-weight: normal; + padding-bottom: 0.5em; + } + } + + a.platform-logo { + vertical-align: baseline; + display: inline-block; + background-position: top left; + background-repeat: no-repeat; + background-size: auto 1.5em; + background-image: url(/cobrands/fixmystreet/images/fms-platform-logo.svg); + text-indent: -1000%; + height: 1.7em; + width: 16em; + padding-right: 0.25em; + } + } + } + } + +} +.ie6, .ie7, .ie8 { + body.twothirdswidthpage, + body.fullwidthpage { + .content { + border: 0px; + } + } +} +.ie8 { + body.twothirdswidthpage, + body.fullwidthpage { + .container .content footer a.platform-logo { + background: none; + text-indent: 0px; + } + } +} + // two thirds width page, also has option for a sidebar which can be sticky or not body.twothirdswidthpage { .container { |