var div = document.createElement("div");
div.innerHTML = '<div id="sicklyBanner"><style>#sicklyBanner p { margin:0; padding:0; color:#000; }#sicklyBanner * { box-sizing: content-box; }#sicklyBanner a, #sicklyBanner a:hover, #sicklyBanner a:hover, #sicklyBanner a:visited, #sicklyBanner a:active { text-decoration:none; color:#000; } .sicklyBox1 { position:fixed; top:-90px; right:0; left:0; z-index: 99999999; border-bottom:3px solid #99999955; border-bottom:3px solid rgba(153,153,153,0.3); } .sicklyBox2 { position:relative; background-color:#e6e6e6e6; background-color:rgba(230,230,230,0.9); padding:6px 0 8px 32px; border-bottom:1px solid #999; } .sicklySchoolLogo { float:left; max-width:100px; max-height:62px; margin-right:12px; } .sicklyText { display:inline-block; min-height:62px; } .sicklyRight { position:absolute; bottom:10px; right:32px; text-align:right; } @media (max-width: 800px) { .sicklyText p { display: none; } } @media (max-width: 400px) { .sicklyRight { right:18px; } } a.sicklyDismiss:hover { text-decoration:underline !important; } .sicklyButton { margin-top:5px; } .sicklyButton a { border-bottom:3px solid #378dd9; background-color:#66a8e2; display:block; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .sicklyButton a:hover { background-color:#4c94d4; border-bottom:3px solid #227ac7; } .sicklyButton img { width:241px; height:23px; padding:8px 13px 5px 14px; vertical-align: middle; } .sicklySpacer { height:0; } .sicklyBox1, .sicklySpacer { transition: .3s ease-in-out; }</style><div class="sicklyBox1"><div class="sicklyBox2"><div class="sicklyLeft"><div class="sicklyText"><p style="font-size:19px;font-weight:bold;">Is your child ill?</p><p style="font-size:14px">If your child’s ill and will be absent from school, you need to tell us.<br/>We use a service called&nbsp;<b>Studybugs</b>&nbsp;which makes it easy.</p></div></div><div class="sicklyRight"><a class="sicklyDismiss" href="#">x&nbsp;Not right now</a><div class="sicklyButton"><a href="https://studybugs.com/"><img src="https://studybugs.com/a/s/im/widgets/button.png"/></a></div></div></div></div><div class="sicklySpacer"/></div>';
window.setTimeout(function(){
  var banner = div.firstChild,
      box = banner.getElementsByClassName("sicklyBox1")[0],
      spacer = banner.getElementsByClassName("sicklySpacer")[0],
      dismiss = banner.getElementsByClassName("sicklyDismiss")[0],
      body = document.getElementsByTagName("body")[0],
      height;
  body.insertBefore(banner, body.firstChild);
  height = box.clientHeight + 3;
  box.style.top = 0;
  spacer.style.height = height + "px";
  dismiss.onclick = function() {
    box.style.top = "-" + height + "px";
    spacer.style.height = 0;
    return false;
  };
}, 1000);