Difference between revisions of "Team:Bielefeld-CeBiTec"

(Replaced content with "{{Team:Bielefeld-CeBiTec/TEMPLATE}} <html> <style> </style> </head> <body> </body> </html>")
Line 1: Line 1:
 +
{{Team:Bielefeld-CeBiTec/TEMPLATE}}
 
<html>
 
<html>
−
<head>
 
−
<meta charset="UTF-8">
 
−
<script src="jquery.js"></script>
 
−
<script src="wikiScript.js"></script>
 
−
<! -- <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
 
−
<link rel="stylesheet" type="text/css" href="{{:Team:Bielefeld-CeBiTec/CSS}}">
 
−
        <style>
 
−
/* START OVERIDE HQ CSS */
 
  
−
.firstHeading {
+
−
display: none;
+
<style>
−
}
+
  
−
.mw-content-text {
 
−
display: none;
 
−
}
 
  
−
.logo_2018 {
+
</style>
−
display: none;
+
</head>
−
}
+
−
 
+
−
/* END OVERIDE HQ CSS */
+
−
 
+
−
 
+
−
body {
+
−
    font-family: "Lato", sans-serif;
+
−
}
+
−
 
+
−
/* Fixed sidenav, full height */
+
−
.sidenav {
+
−
    height: 100%;
+
−
    width: 200px;
+
−
    position: fixed;
+
−
    z-index: 1;
+
−
    top: 0;
+
−
    left: 0;
+
−
    background-color: #111;
+
−
    overflow-x: hidden;
+
−
    padding-top: 20px;
+
−
}
+
−
 
+
−
/* Style the sidenav links and the dropdown button */
+
−
.sidenav a, .dropdown-btn {
+
−
    padding: 6px 8px 6px 16px;
+
−
    text-decoration: none;
+
−
    font-size: 20px;
+
−
    color: #818181;
+
−
    display: block;
+
−
    border: none;
+
−
    background: none;
+
−
    width: 100%;
+
−
    text-align: left;
+
−
    cursor: pointer;
+
−
    outline: none;
+
−
}
+
−
 
+
−
/* On mouse-over */
+
−
.sidenav a:hover, .dropdown-btn:hover {
+
−
    color: #f1f1f1;
+
−
}
+
−
 
+
−
/* Main content */
+
−
.main {
+
−
    margin-left: 200px; /* Same as the width of the sidenav */
+
−
    font-size: 20px; /* Increased text to enable scrolling */
+
−
    padding: 0px 10px;
+
−
}
+
−
 
+
−
/* Add an active class to the active dropdown button */
+
−
.active {
+
−
    background-color:#002a5c ;
+
−
    color: white;
+
−
}
+
−
 
+
−
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
+
−
.dropdown-container {
+
−
    display: none;
+
−
    background-color: #262626;
+
−
    padding-left: 8px;
+
−
}
+
−
 
+
−
 
+
−
/* Some media queries for responsiveness */
+
−
@media screen and (max-height: 450px) {
+
−
    .sidenav {padding-top: 15px;}
+
−
    .sidenav a {font-size: 18px;}
+
−
}
+
−
 
+
−
.logo-img {
+
−
align: top;
+
−
    padding-right: 2px;
+
−
    padding-bottom: 2px;
+
−
    padding-left: 5px;
+
−
}
+
−
 
+
−
.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty {
+
−
width: 50%;
+
−
}
+
−
 
+
−
        </style>
+
−
</head>
+
 
 
  
−
<body>
+
<body>
−
<div class="sidenav">
+
−
<div class="logo">
+
−
<img class="logo-img" src="https://static.igem.org/mediawiki/2018/a/ad/T--Bielefeld-CeBiTec--Logo_invertiert.jpg" width="180">
+
−
</div>
+
−
  <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec">Home</a>
+
−
  <button class="dropdown-btn">Team ▼ </button>
+
−
  <div class="dropdown-container">
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Team">Team Members</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Collaborations">Collaborations</a>
+
−
  </div>
+
−
  <button class="dropdown-btn">Project ▼ </button>
+
−
  <div class="dropdown-container">
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Description">Description</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Design">Design</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Experiments">Experiments</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Notebook">Notebook</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/InterLab">InterLab</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Model</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Results">Results</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Improve">Improve</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Attributions">Attributions</a>
+
−
  </div>
+
−
  <button class="dropdown-btn">Parts ▼ </button>
+
−
  <div class="dropdown-container">
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts Overview</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Basic_Part">Basic Parts</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Composite Parts</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Part Collection</a>
+
−
  </div>
+
−
  <a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Safety">Safety</a>
+
−
  <button class="dropdown-btn">Human Practices ▼ </button>
+
−
  <div class="dropdown-container">
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Human Practices</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Public_Engagement">Education and Engagement</a>
+
−
  </div>
+
−
  <button class="dropdown-btn">Awards ▼ </button>
+
−
  <div class="dropdown-container">
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Applied_Design">Applied Design</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Entrepreneurship">Entrepreneurship</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Hardware">Hardware</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Measurement">Measurement</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Model">Model</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Plant">Plant</a>
+
−
<a href="https://2018.igem.org/Team:Bielefeld-CeBiTec/Software">Software</a>
+
−
  </div>
+
−
  <a href="https://igem.org/2018_Judging_Form?team=Bielefeld-CeBiTec">Judging Form ⇗</a>
+
−
                  </div>
+
−
+
−
 
+
−
<div class="igem_2018_team_content">
+
−
          <div class="igem_2018_team_column_wrapper">
+
−
  <div class="clear extra_space"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
+
−
<script>
+
−
/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
+
−
var dropdown = document.getElementsByClassName("dropdown-btn");
+
−
var i;
+
  
−
for (i = 0; i < dropdown.length; i++) {
 
−
  dropdown[i].addEventListener("click", function() {
 
−
this.classList.toggle("active");
 
−
var dropdownContent = this.nextElementSibling;
 
−
if (dropdownContent.style.display === "block") {
 
−
  dropdownContent.style.display = "none";
 
−
} else {
 
−
  dropdownContent.style.display = "block";
 
−
}
 
−
  });
 
−
}
 
−
</script>
 
 
 
−
</body>
+
</body>
  
 
</html>
 
</html>

Revision as of 09:25, 26 May 2018

Template:Team:Bielefeld-CeBiTec/TEMPLATE