Only style the mfr loader'

Author: NyanHelsing

mfr/server/static/css/mfr.css

@@ -3,23 +3,23 @@
 This CSS was stripped out of base.css from the osf-style repo.
 */
 
-.ball-pulse > div:nth-child(0) {
+#mfrIframe .ball-pulse > div:nth-child(0) {
   -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
           animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 }
-.ball-pulse > div:nth-child(1) {
+#mfrIframe .ball-pulse > div:nth-child(1) {
   -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
           animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 }
-.ball-pulse > div:nth-child(2) {
+#mfrIframe .ball-pulse > div:nth-child(2) {
   -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
           animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 }
-.ball-pulse > div:nth-child(3) {
+#mfrIframe .ball-pulse > div:nth-child(3) {
   -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
           animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
 }
-.ball-pulse > div {
+#mfrIframe .ball-pulse > div {
   background-color: #fff;
   width: 15px;
   height: 15px;
@@ -31,11 +31,11 @@ This CSS was stripped out of base.css from the osf-style repo.
 }
 
 
-.ball-dark > div {
+#mfrIframe .ball-dark > div {
   background-color: #337AB7;
 }
 
-.ball-scale {
+#mfrIframe .ball-scale {
     position: absolute;
     display: flex;
     justify-content: center;
@@ -46,7 +46,7 @@ This CSS was stripped out of base.css from the osf-style repo.
     left: 0;
 }
 
-.embed-responsive-pdf {
+#mfrIframe .embed-responsive-pdf {
     padding-bottom: 95%;
 }