diff options
Diffstat (limited to 'web/cobrands/sass/_base.scss')
-rw-r--r-- | web/cobrands/sass/_base.scss | 50 |
1 files changed, 11 insertions, 39 deletions
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index bd5020cfc..4acd7c895 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -118,7 +118,7 @@ ol.big-numbers { font: { family: $meta-font; weight:bold; - size:2.5em; + size:2.5rem; } } } @@ -243,10 +243,6 @@ textarea { padding: 0.5em; font-size: 1em; line-height: 1em; - - .ie7 & { - max-width: 95%; - } } textarea { @@ -384,14 +380,6 @@ select.form-control { margin-top: 1.25em; } -// Prevent grey displaying oddly by giving it a width, and stop odd left margin issue -.ie7 .form-box { - width: 100%; - > input[type=text], input[type=email] { - margin-#{$left}: 2em; - } -} - .change_location { color: #666; padding-#{$left}: 20px; @@ -563,7 +551,7 @@ ul.error { a:visited { color: #333; } - a:hover, span.hover { + a:hover { background-color: #333; color: #fff; text-decoration: none; @@ -571,6 +559,14 @@ ul.error { span { background-color: #ccc; } + span.report-a-problem-btn { + cursor: pointer; + } + span.report-a-problem-btn:hover { + background-color: #333; + color: #fff; + text-decoration: none; + } } .shadow-wrap { @@ -653,22 +649,6 @@ ul.error { } } -//because display:table doesn't work we float -.ie7 { - #key-tools { - background: #f5f5f5; - - li { - float: $left; - } - - a { - padding-#{$left}: 1.5em; - padding-#{$right}: 3em; - } - } -} - #report-updates-data img { float: $right; } @@ -1382,16 +1362,8 @@ input.final-submit { #map { width: 100%; height: 100%; - - // IE7 doesn't understand 100% height when the parent height is "auto", - // so we have to explicitly tell it to pin the element to the top and - // bottom of the parent. No need for an ie7-specific condition, because - // this makes no difference in other browsers. - // We keep the "height: 100%" in there to give IE7 context for the 100% - // height on #map's child, div.olMapViewport. + // Needs to be position:absolute for the mobile banners to show on top position: absolute; - top: 0; - bottom: 0; } } |