gistfile1.txt

<!-- WHOEVER UPDATES THIS, PLEASE TEST ON DIFFERENT SCREEN SIZES-->

<!-- To edit the banner: add the banner text in an "anniversary" <div>, and uncomment the style section below. Please leave the remaining text commented out -->
 
<div id="anniversary"><p>
<b>Want to talk about mine reclamation?</b> Join us for <b>Open Call</b> every Tuesday until Mar. 22. <a href="https://publiclab.org/wiki/open-call">Click here for call-in details.</a>
</p></div>

<!-- 
<div id="anniversary"><p>
Show your support for community science. <a href="/donate"><b>Donate to Public Lab  &raquo;</b></a> 
</p></div>
-->

<!-- 
Have you attended an online call with Public Lab? <a href="https://docs.google.com/forms/d/e/1FAIpQLSfAPQLRS2nCuue-7p1sFGY_Y1xD6FdNm0eH0O_1F0ggQqxQQg/viewform?usp=sf_link">We'd love your feedback</a>!
-->


<style>
#anniversary {
  background:#eef; 
  padding:8px 10px;
  position:fixed;
  top:0; left:0;
  z-index:999;
  width:100%;
  font-size: 13px;
}

#anniversary b {
  color:#335;
}

#anniversary a {
  color:#339;
  text-decoration: underline;
}

#anniversary p {
  color:#115;
  margin:6px;
  padding-right:10px;
}

#anniversary .btn {
  float:right;
}

.body-container {
  margin-top:48px;
}
#header {
  margin-top:48px;
}

@media (max-width: 768px) {
  
  .body-container {
    margin-top:68px;
  }
  #header {
    margin-top:68px;
  }
}

</style>