Difference between revisions of "Team:TUDelft/Head"

Line 22: Line 22:
 
     <!-- CSS
 
     <!-- CSS
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
    <!-- THIS IS FOR DROPDOWN MENUS
 
−
<style>
 
−
.collapsible {
 
−
  background-color: #0092CB;
 
−
  color: #FFCCBB;
 
−
  cursor: pointer;
 
−
  padding: 16px;
 
−
  width: 100%;
 
−
  border: none;
 
−
  text-align: left;
 
−
  outline: ;
 
−
  font-size: 16px;
 
−
}
 
−
 
−
.active, .collapsible:hover {
 
−
  background-color: #777777;
 
−
}
 
−
 
−
.collapsible:after {
 
−
  content: '\002B';
 
−
  color: white;
 
−
  font-weight: bold;
 
−
  float: right;
 
−
  margin-left: 5px;
 
−
}
 
−
 
−
.active:after {
 
−
  content: "\2212";
 
−
}
 
−
 
−
.content {
 
−
  padding: 0 18px;
 
−
  max-height: 0;
 
−
  overflow: hidden;
 
−
  transition: max-height 0.2s ease-out;
 
−
  background-color: #777777
 
−
color: white;
 
−
}
 
−
</style> -->
 
−
 
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
Line 71: Line 31:
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <script src="https://use.fontawesome.com/b31c04f526.js"></script>
 
     <script src="https://use.fontawesome.com/b31c04f526.js"></script>
−
<!-- THIS IS FOR DROWDOWNMENU
 
−
<script>
 
−
var coll = document.getElementsByClassName("collapsible");
 
−
var i;
 
−
 
−
for (i = 0; i < coll.length; i++) {
 
−
  coll[i].addEventListener("click", function() {
 
−
    this.classList.toggle("active");
 
−
    var content = this.nextElementSibling;
 
−
    if (content.style.maxHeight){
 
−
      content.style.maxHeight = null;
 
−
    } else {
 
−
      content.style.maxHeight = content.scrollHeight + "px";
 
−
    }
 
−
  });
 
−
}
 
−
</script> -->
 
  
 
     <!-- KATEX
 
     <!-- KATEX

Revision as of 19:42, 9 September 2018

ADOPE