Difference between revisions of "Template:British Columbia/Header"

 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<style>
 
<style>
  
html,body {font-family: GeosansLight;}
+
html,body {font-family: GeosansLight; margin-top:-1.5px !important; border:0 !important;}
  
 
.dropbtn {
 
.dropbtn {
 
     background-color: #D9EDEB;
 
     background-color: #D9EDEB;
     color: grey;
+
     color: #808080;
     padding: 20px 15px;
+
     padding: 30px 20px;
 
     font-family:GeosansLight;
 
     font-family:GeosansLight;
 
     font-size: 18px;
 
     font-size: 18px;
 
     letter-spacing: 1.5px;
 
     letter-spacing: 1.5px;
 
     -webkit-text-stroke: 0.9px;
 
     -webkit-text-stroke: 0.9px;
     border:0;
+
     border: 0;
     margin-top: -1000px;
+
     margin-top: -1.5px;
 +
    height: 80px;
 
}
 
}
  
Line 53: Line 53:
 
     background-color: #C4DFDD; color: black;
 
     background-color: #C4DFDD; color: black;
 
}   
 
}   
 
.sticky {
 
  position: fixed;
 
  top: 0;
 
  width: 100%;
 
}
 
  
  
Line 64: Line 58:
 
<body>
 
<body>
  
<script>
 
window.onscroll = function() {myFunction()};
 
 
var dropdown = document.getElementById("dropdown");
 
var sticky = dropdown.offsetTop;
 
 
function myFunction() {
 
  if (window.pageYOffset >= sticky) {
 
    dropdown.classList.add("sticky")
 
  } else {
 
    dropdown.classList.remove("sticky");
 
  }
 
}
 
</script>
 
  
  

Latest revision as of 15:43, 20 August 2018