Remove most IE8 special cases.

Document the couple that are left, and fix the display of the logo
with a simpler positioning/ less overriding. Drop a needless usage
of 'rem' to make things a bit easier there too.

1 files changed, 6 insertions, 26 deletions

diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index a3bb9fd43..33020b5a1 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -191,14 +191,15 @@ h1 {
   width:84px;
   height:16px;
   background-size: 100px auto;
-  background-position: -8px 0px;
+  background-position: 50% 50%;
   opacity: 0.8;
   &:hover {
     opacity: 1;
   }
-}
-.ie8 #mysoc-logo {
-  width: 100px;
+  // IE8 does not support background-size, so increase width to show whole image
+  .ie8 & {
+    width: 100px;
+  }
 }
 .ie7 #mysoc-logo {
     background-position: -260px -43px;
@@ -256,10 +257,10 @@ body.mappage {
   }
 
   #site-logo {
-    position: absolute;
     #{$left}: 12px;
     // Also inherits...
     //   `top: 0.9em`
+    //   `position: absolute`
     //   `z-index: 3`
     // ...from the non-mappage version, above
   }
@@ -320,26 +321,6 @@ body.mappage {
         position:static;
       }
     }
-    #site-logo {
-      position: absolute;
-    }
-  }
-}
-//ie8 needs different stuff on .nav-wrapper so we
-//have to define all the rest of it again as this resets
-//the z-index base yet again :S
-.ie8 {
-  body.mappage {
-    .nav-wrapper{
-      position: relative;
-      z-index:0;
-      .nav-wrapper-2 {
-        position:static;
-      }
-    }
-    #site-logo {
-      position: absolute;
-    }
   }
 }
 
@@ -1078,7 +1059,6 @@ body.frontpage {
     // Just the mySociety circle logo
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJ9JREFUeNqsVXlMHFUYf/Pe7O7M7E2Xw6UFWg5LQ1GTosa0IT00wYbGaKoltWnaRGNrjIptiUalXqlJU9RU0fSPHtqCR20pliBpQpAmxQgoLDeLQIEuh2WBndmDnZn3fMvRsqEGVv0mv3lzvPd97/u97wBgmXLUbHvOFZ/cJK1KbTtmiX4F/J+ySzBuDiakeSdWphA3RSAhTX3NaN2znLVwyQkMA/YbzAcwAAIFIBSYELjPYH6Zpf9CwrEMeGS1zhalh2zEBkIq2NCdkDvfyOxCRqHfnnpIWN9caK+5URDX2VJob8zfZsqJyIBKlVzweU7pIMIC3TFHIUAISkSx2GKE2uK8qNK0ODZbVsgKuwllnthp/S4rUZs0vx4th0dHcLp3FCv1VogEL8G9Jz2THx4Tx79+Yh23/oVs4zuBwKx3CuWQ5aHO5VYba7oDDjDj/TJEpSgWJytD0FAP5Dm6PD4ySZmSIUM0+C6DoGdUdkXkwULBC56HJtRJuxFpsu7nsll60CwHQY3D/8PRq1NFQZXg+TP8TwKphhc3GXPS4zWP9tySm07XSZe9MgkLEpCuX5uZZdqQBwEM1nsaStq87V3/xtjGTVzKB29bj0RZkK2s3PvTJ59PnWG2Rm3esTP2mW80gDUByq+CFffJoS+2tkrtTZEoz80R1pVfjrsBEGMGCvWAQ+DsV5MFcLstp0jFqsmH/cCn+qjLMGqLdcvrcOkIDpO9eYY9QMuYVRED1U8A8Sjg6Vz9AahH+mi84OhCzwISbAwT8fFoFr6EjlgvMAh2eDtP85AP7XwGHORAi9R6USVqRNrPlUqlIEgCSM8ApGMAtCBw/nvpLGqR2qoFxIMYbUwCJvh2tbv6oyt/lX8Z6fa7e+Thdsd0bdpa7QqvF49UlPmKXz0y/vEdHqyshaeDH2lNNoPGmhlUfQMuydmzHOX2VENMTKKQ0OMQu6Qxv8hqaLDMhWoY0VlxuXkPx24vZhhooa/elts1hddvfXsCE/yPyrftTdj15ME1n3J6FOsTlbFrZwbeqDrVdz4sD0Ji41fan019q1MF2Ego/wy9NIjDl5zHM1xeZ8e9lMenGuIPl2zoIIAxqjIGiO4cIeg/vrs+fbBDvBlWi3RISKF5YCQYz5XkGRchx+rT6djBpzyYaM3Zl0ftaqd++fGSt7m2NTqBT9dwyOgXldmaRWnRcgyflGnKWGTAr0hOTFQPjSQTHWciihCCJd9IM/fAxuTV712shTreHppreXz3of739+dMDFW1E0wUBjIsHQGt4gDT8BtsF52L+oE74BquH7l6kFIzoYE6agBJv49V5o/JI39G5750mNFydlWaAiHQOca45/Pfvdk17bp2ur+AM6CAYGKBlkdyQ+Xom4OdYve83rBy3Tj284U+T/N1njUmBVTf0Lh/qBdABDQ2+31Elu8mkaoAyAsxgHbIK5/1FnX9NlmVmGFa0/vHVL+zYaJloc5F/cAdGB4AIIT51FaBWFdRps94bIciB2ZaJ+T1wNf2azmYS8bOOndbCPcKhGX1g0BfqwPpzUS3Ki0ZanVeT13FuZHiQ4UkOK0stfZvAQYA/wr53nPx8cUAAAAASUVORK5CYII=);
     background-size: auto;
-    background-position: 50% 50%;
   }
 
   //Revert to mobile use of the .full-width class