Difference between revisions of "Template:KU Leuven"

 
(156 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:KU_Leuven/bootstrapcss?action=raw&ctype=text/css"/>
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:KU_Leuven/bootstrapcss?action=raw&ctype=text/css"/>
 
<script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/bootstrapjs?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/bootstrapjs?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/scrollrjs?action=raw&ctype=text/javascript"></script>
 
<style>/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
<style>/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
 
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
 
 
Line 12: Line 13:
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#bodyContent > p, #mw-content-text > p, .igem_2017_content_wrapper > p {
 +
display: none !important;
 +
}
 
#content {
 
#content {
 
margin:0;
 
margin:0;
 
}
 
}
  
#globalwrapper {
+
#globalWrapper {
 
font-size: auto;
 
font-size: auto;
 +
padding: 0 !important;
 
}
 
}
 
 
Line 79: Line 84:
 
li,ul {
 
li,ul {
 
margin: 0;
 
margin: 0;
 +
list-style: none !important;
 +
}
 +
 +
#HQ_page .highlight:hover {
 +
background-color: inherit;
 +
cursor: inherit;
 
}
 
}
 
 
 
 
 +
  
  
Line 88: Line 100:
 
.navbar {
 
.navbar {
 
background-color: #f2f2f2;  
 
background-color: #f2f2f2;  
border-bottom: 0;
+
border-bottom: 2px solid #cc3333;
top: 16px;
+
padding-top: 16px;
  
 
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
 
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
Line 96: Line 108:
  
 
.navbar * {
 
.navbar * {
font-family: Tahoma !important;
+
font-family: 'Lato', Tahoma !important;
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
Line 109: Line 121:
 
}
 
}
  
.navbar-default .navbar-nav > .active > a {
+
.navbar-default .navbar-nav .active > a {
background-color: inherit;
+
background-color: #f2f2f2;
 
color: #cc3333 !important;
 
color: #cc3333 !important;
 
}
 
}
 +
 +
.navbar-default .navbar-nav .dropdown-menu .active > a::before {
 +
content: '';
 +
position: absolute;
 +
width: 16px ;
 +
height: 16px;
 +
top: 6px;
 +
left: -9px;
 +
background-image: url("https://static.igem.org/mediawiki/2017/1/13/KU_Leuven-selector.png");
 +
background-size: 16px 16px;
 +
}
 +
  
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
Line 144: Line 168:
 
}
 
}
  
.dropdown-menu {
+
.navbar-nav > li > .dropdown-menu {
 
padding: 0;
 
padding: 0;
 
border: 0;
 
border: 0;
 
border-left: 2px solid #cc3333;
 
border-left: 2px solid #cc3333;
 +
border-top: 2px solid #cc3333;
 
min-width: 100%;
 
min-width: 100%;
 +
border-radius: 0;
 +
 
}
 
}
  
Line 155: Line 182:
 
}
 
}
  
 +
/********************************* FOOTER STYLING  *********************************/
  
 +
footer {
 +
background-color: #f2f2f2;
 +
color: #333333;
 +
font-family: 'Lato', Tahoma, Geneva, sans-serif;
 +
}
 +
 +
footer #sponsors {
 +
text-align: center;
 +
padding: 0;
 +
}
 +
 +
footer #sponsors li {
 +
height: 5em;
 +
padding: 5px;
 +
opacity: 0.75;
 +
}
 +
 +
footer #sponsors li.col-sm-6 {
 +
height: 10em;
 +
}
 +
 +
footer #sponsors li:hover {
 +
z-index: 10;
 +
opacity: 1;
 +
}
 +
 +
footer #sponsors li div {
 +
//border: 1px solid #333;
 +
border-radius: 5px;
 +
background-color: #f2f2f2;
 +
height: 100%;
 +
width: 100%;
 +
padding: 4px;
 +
//-webkit-box-shadow: 0 0px 4px rgba(0,0,0,.175);
 +
//box-shadow: 0 0px 4px rgba(0,0,0,.175);
 +
}
 +
 +
 +
 +
footer #sponsors img {
 +
height: auto;
 +
max-height: 100%;
 +
width: auto;
 +
max-width: 100%;
 +
}
 +
 +
footer .social > * {
 +
height: 10em;
 +
padding: 0px;
 +
background-repeat: no-repeat;
 +
background-origin: center;
 +
text-align: center;
 +
color: #ffffff;
 +
}
 +
 +
footer .social{
 +
text-align: center;
 +
}
 +
 +
footer .social a {
 +
position: relative;
 +
}
 +
 +
footer .social > *:hover {
 +
opacity: 0.9;
 +
cursor: pointer;
 +
}
 +
 +
footer .social img {
 +
height: 50px;
 +
margin: 0;
 +
}
 +
 +
footer .social h2 {
 +
margin-top: 0px;
 +
padding-top: 20px;
 +
}
 +
 +
footer .social a {
 +
color: inherit;
 +
text-decoration: inherit;
 +
padding-right: 0;
 +
}
 +
 +
footer #facebook {background-color: #3b5998;}
 +
 +
footer #twitter {background-color: #4099ff;}
 +
 +
footer #youtube {background-color: #e33a40;}
 +
 +
footer #instagram {background-color: #e3883a;}
  
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
Line 162: Line 281:
 
.igem_2017_content_wrapper {
 
.igem_2017_content_wrapper {
 
padding-top: 50px;
 
padding-top: 50px;
 +
padding-bottom: 0px;
 
width: 100%;
 
width: 100%;
display:block;
+
display: block;
float:left;  
+
position: relative;
 +
 
 +
font-family: 'Lato', Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
body {
 
background-color: #f2f2f2;
 
background-color: #f2f2f2;
min-height: 100vh;
+
}
font-family:Tahoma, Geneva, sans-serif;
+
  
 +
@keyframes scroller {
 +
    0%  {left: -16px;}
 +
    100% {left: 100%;}
 
}
 
}
  
 +
#letmescroll {
 +
    display: block;
 +
    position: absolute;
 +
    height: 12px;
 +
    bottom: -7px;
 +
    z-index: 20;
 +
    animation-name: scroller;
 +
    animation-duration: 16s;
 +
    animation-iteration-count: infinite;
 +
    animation-timing-function: linear;
 +
}
  
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
Line 176: Line 314:
 
/* styling for the titles h1 h2 */
 
/* styling for the titles h1 h2 */
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
padding:5px 15px;  
+
padding: 5px 15px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #cc3333;
 
color: #cc3333;
 +
font-family: 'Lato', Tahoma, Geneva, sans-serif !important;
 +
font-weight: 100 !important;
 
}
 
}
  
 +
.igem_2017_content_wrapper .jumbotron{
 +
padding-top: 0;
 +
}
 +
 +
.igem_2017_content_wrapper .jumbotron h1{
 +
color: #333333;
 +
text-transform: uppercase;
 +
font-size: 3em;
 +
}
 +
 +
.igem_2017_content_wrapper .team .jumbotron{
 +
background-color: #f2f2f2;
 +
background-size: contain;
 +
background-position: bottom;
 +
background-repeat: repeat-x;
 +
}
 +
 +
.igem_2017_content_wrapper .puzzle .jumbotron{
 +
background-image: url('https://static.igem.org/mediawiki/2017/2/26/KU_Leuven-puzzle_bg.png');
 +
background-color: #f2f2f2;
 +
background-size: contain;
 +
background-position: bottom;
 +
background-repeat: repeat-x;
 +
}
 +
 +
.igem_2017_content_wrapper .notes .jumbotron{
 +
background-image: url('https://static.igem.org/mediawiki/2017/2/20/KU_Leuven-notes_bg.png');
 +
background-color: #f2f2f2;
 +
background-size: contain;
 +
background-position: bottom;
 +
background-repeat: repeat-x;
 +
}
  
 
/* styling for the titles  h3 h4 h5 h6*/
 
/* styling for the titles  h3 h4 h5 h6*/
Line 186: Line 358:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
color: #000000;   
+
color: #333333;   
 
}
 
}
  
Line 192: Line 364:
 
/* font and text */
 
/* font and text */
 
.igem_2017_content_wrapper p {  
 
.igem_2017_content_wrapper p {  
padding: 0px 15px;  
+
padding: 10px 15px;  
 
font-size: 13px;
 
font-size: 13px;
 
}
 
}
Line 212: Line 384:
 
.igem_2017_content_wrapper a:hover {  
 
.igem_2017_content_wrapper a:hover {  
 
text-decoration:none;
 
text-decoration:none;
color:#000000;
+
color:#333333;
 
}
 
}
  
Line 219: Line 391:
 
padding:0px 20px;
 
padding:0px 20px;
 
font-size: 13px;
 
font-size: 13px;
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:'Lato', Tahoma, Geneva, sans-serif;  
 
}
 
}
 +
#grad {
 +
    background: -webkit-linear-gradient(#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2); /* Safari 5.1-6.0 */
 +
    background: -o-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Opera 11.1-12.0 */
 +
    background: -moz-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Firefox 3.6-15 */
 +
    background: linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Standard syntax */
 +
    }
  
 
/* numbered lists */
 
/* numbered lists */
Line 226: Line 404:
 
padding:0px;  
 
padding:0px;  
 
font-size: 13px;
 
font-size: 13px;
font-family:Tahoma, Geneva, sans-serif;  
+
font-family:'Lato', Tahoma, Geneva, sans-serif;  
 
}
 
}
  
Line 254: Line 432:
 
}
 
}
  
/**********************************LAYOUT CLASSES **********************************/
+
/********************************** TEAM MEMBERS **********************************/
 +
 +
#team .person {
 +
position: relative;
 +
height: 24em;
 +
}
 +
 
 +
#team .person * {
 +
}
 +
 
 +
#team .person .image {
 +
width: 100%;
 +
border-bottom: 2px solid #cc3333;
 +
position: relative;
 +
padding: 10px 20px;
 +
text-align: center;
 +
height: 20em;
 +
}
 +
 
 +
#team .person .image img {
 +
width: auto;
 +
height: 18em;
 +
}
 +
 
 +
#team .person .image::after {
 +
    position: absolute;
 +
width: 16px ;
 +
height: 16px;
 +
bottom: -9px;
 +
left: 8px;
 +
content: '';
 +
background-image: url("https://static.igem.org/mediawiki/2017/2/29/KU_Leuven-Sine.png");
 +
background-size: 16px 16px;
 +
}
 +
 
 +
#team .person h2{
 +
font-size: 1.8em;
 +
margin: 0;
 +
text-align: right;
 +
}
 +
 
 +
#team .person p{
 +
display: none;
 +
-webkit-transition: all 0.5s linear;
 +
-moz-transition: all 0.5s linear;
 +
-o-transition: all 0.5s linear;
 +
transition: all 0.5s linear;
 +
 
 +
}
 +
 
 +
#team .person:hover p{
 +
display: block;
 +
}
 +
 
 +
#team .person:hover .image{
 +
height: 0;
 +
}
 +
 +
#team .person:hover .image img{
 +
height: 0;
 +
}
 +
 
 +
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 990px) {
 +
#team .person {
 +
position: relative;
 +
height: auto;
 +
}
 +
 
 +
#team .person p{
 +
display: block;
 +
}
 +
 
 +
#team .person .image{
 +
height: 0;
 +
}
 +
 +
#team .person .image img{
 +
height: 0;
 +
}
 +
}
 +
 
 +
 
 +
/********************************** LAYOUT CLASSES **********************************/
  
 
/* general class for column divs */
 
/* general class for column divs */
Line 302: Line 563:
 
/* highlight class, makes content slightly smaller */
 
/* highlight class, makes content slightly smaller */
 
.igem_2017_content_wrapper .highlight {  
 
.igem_2017_content_wrapper .highlight {  
margin: 0px 15px;
+
margin: 15px 0px;
padding: 15px 0px;
+
 
}
 
}
  
Line 314: Line 574:
 
/* highlight with decoration blue line on top */
 
/* highlight with decoration blue line on top */
 
.igem_2017_content_wrapper .highlight.top {
 
.igem_2017_content_wrapper .highlight.top {
     border-top: 4px solid #cc3333;
+
     border-top: 2px solid #cc3333;
 
         position: relative;
 
         position: relative;
 
}
 
}
Line 321: Line 581:
 
.igem_2017_content_wrapper .highlight.top::before {
 
.igem_2017_content_wrapper .highlight.top::before {
 
     position: absolute;
 
     position: absolute;
width: 16px ;
+
width: 16px ;
height: 16px;
+
height: 16px;
top: -10px;
+
top: -9px;
left: 8px;
+
left: 8px;
content: '';
+
content: '';
background-image: url("https://static.igem.org/mediawiki/2017/2/29/KU_Leuven-Sine.png");
+
background-image: url("https://static.igem.org/mediawiki/2017/2/29/KU_Leuven-Sine.png");
background-size: 16px 16px;
+
background-size: 16px 16px;
 
}
 
}
  
Line 352: Line 612:
 
.igem_2017_content_wrapper .button:hover{
 
.igem_2017_content_wrapper .button:hover{
 
background-color: #3399ff;
 
background-color: #3399ff;
     color: #000000;
+
     color: #333333;
 
}
 
}
  
Line 399: Line 659:
 
}
 
}
 
</style>
 
</style>
 +
<script>// This is the jquery part of your template. 
 +
// Try not modify any of this code too much since it makes your menu work.
 +
 +
 +
 +
$(document).ready(function() {
 +
 +
// Add slideDown animation to Bootstrap dropdown when expanding.
 +
$('.dropdown').on('show.bs.dropdown', function() {
 +
  $(this).find('.dropdown-menu').first().stop(true, true).slideDown(100);
 +
});
 +
 +
// Add slideUp animation to Bootstrap dropdown when collapsing.
 +
$('.dropdown').on('hide.bs.dropdown', function() {
 +
  $(this).find('.dropdown-menu').first().stop(true, true).slideUp(100);
 +
});
 +
 +
$("#HQ_page").attr('id','');
 +
 +
// call the functions that control the menu
 +
menu_functionality();
 +
hide_show_menu();
 +
 +
 +
 +
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 +
function menu_functionality() {
 +
// call the current page highlight function
 +
highlight_current_page();
 +
}
 +
 +
 +
// call the highlight current page function to show it on the menu with a different background color
 +
function highlight_current_page() {
 +
 +
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 +
$(".active").removeClass("active");
 +
selected = $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ).replace(":", "") + "_page");
 +
selected.addClass("active");
 +
selected.parents(".dropdown").addClass("active");
 +
}
 +
 +
 +
 +
// allow button on the black menu bar to show/hide the side menu
 +
function hide_show_menu() {
 +
 +
// if the black menu bar has been loaded
 +
if (document.getElementById('bars_item')) {
 +
 +
// when the "bars_item" has been clicked
 +
$("#bars_item").click(function() {
 +
// show/hide the menu wrapper
 +
$("nav").fadeToggle();
 +
});
 +
}
 +
 +
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 +
else {
 +
setTimeout(hide_show_menu, 15);
 +
}
 +
}
 +
 +
 +
});
 +
 +
</script>
  
 
<head>  
 
<head>  
Line 408: Line 735:
 
 
  
<nav class="navbar navbar-default navbar-fixed-top">
+
<nav class="navbar navbar-default navbar-fixed-top igem_2017_menu_wrapper">
 
<div class="container">
 
<div class="container">
 
<div class="navbar-header">
 
<div class="navbar-header">
Line 417: Line 744:
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</button>
<a class="navbar-brand" href="#">
+
<a class="navbar-brand" href="https://2017.igem.org/Team:KU_Leuven">
<img height="100%" src="https://static.igem.org/mediawiki/2017/1/18/KU_Leuven-Logo_Brand.gif">
+
<img height="100%" src="https://static.igem.org/mediawiki/2017/archive/1/18/20170923113348%21KU_Leuven-Logo_Brand.gif">
 
</a>
 
</a>
 
</div>
 
</div>
 
<div id="navbar" class="navbar-collapse collapse">
 
<div id="navbar" class="navbar-collapse collapse">
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="https://2017.igem.org/Team:KU_Leuven">HOME</a></li>
+
<li id="TeamKU_Leuven_page" class="active"><a href="https://2017.igem.org/Team:KU_Leuven">HOME</a></li>
 
<li class="dropdown">
 
<li class="dropdown">
 
<a href="https://2017.igem.org/Team:KU_Leuven/Team" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 
<a href="https://2017.igem.org/Team:KU_Leuven/Team" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 
<ul class="dropdown-menu dropdown-menu-left">
 
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="https://2017.igem.org/Team:KU_Leuven/Team">Team</a></li>
+
<li id="Team_page"><a href="https://2017.igem.org/Team:KU_Leuven/Team">Team</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Collaborations">Collaborations</a></li>
+
<li id="Collaborations_page"><a href="https://2017.igem.org/Team:KU_Leuven/Collaborations">Collaborations</a></li>
 +
                                                                <li id="Sponsors_page"><a href="https://2017.igem.org/Team:KU_Leuven/Sponsors">Sponsors</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 434: Line 762:
 
<a href="https://2017.igem.org/Team:KU_Leuven/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 
<a href="https://2017.igem.org/Team:KU_Leuven/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 
<ul class="dropdown-menu dropdown-menu-left">
 
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="https://2017.igem.org/Team:KU_Leuven/Description">Description</a></li>
+
<li id="Description_page"><a href="https://2017.igem.org/Team:KU_Leuven/Description">Description</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Design">Design</a></li>
+
<li id="Design_page"><a href="https://2017.igem.org/Team:KU_Leuven/Design">Design</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Experiments">Experiments</a></li>
+
<li id="Experiments_page"><a href="https://2017.igem.org/Team:KU_Leuven/Protocols">Protocols</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Notebook">Notebook</a></li>
+
<li><a href="https://2017.igem.org/Team:KU_Leuven/InterLab">InterLab</a></li>
+
<li id="Notebook_page"><a href="https://2017.igem.org/Team:KU_Leuven/Notebook">Notebook</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Contribution">Contribution</a></li>
+
                                                                <li id="Logbook_page"><a href="https://2017.igem.org/Team:KU_Leuven/Logbook">Logbook</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
+
<li id="Interlab_page"><a href="https://2017.igem.org/Team:KU_Leuven/InterLab">InterLab</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Results">Results</a></li>
+
<li><a href="https://2017.igem.org/Team:KU_Leuven/Demonstrate">Demonstrate</a></li>
+
<li id="Model_page"><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Improve">Improve</a></li>
+
<li><a href="https://2017.igem.org/Team:KU_Leuven/Attributions">Attributions</a></li>
+
<li id="Demonstrate_page"><a href="https://2017.igem.org/Team:KU_Leuven/Demonstrate">Demonstrate</a></li>
 +
<li id="Attributions_page"><a href="https://2017.igem.org/Team:KU_Leuven/Attributions">Attributions</a></li>
 +
                                                               
 +
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="dropdown">
+
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Parts" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
 
<ul class="dropdown-menu dropdown-menu-left">
 
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="https://2017.igem.org/Team:KU_Leuven/Parts">Parts</a></li>
+
<li id="Parts_page"><a href="https://2017.igem.org/Team:KU_Leuven/Parts">Parts</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Basic_Part">Basic Parts</a></li>
+
<li id="Basic_Part_page"><a href="https://2017.igem.org/Team:KU_Leuven/Basic_Part">Basic Parts</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Composite_Part">Composite Parts</a></li>
+
<li><a href="https://2017.igem.org/Team:KU_Leuven/Part_Collection">Part Collection</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Safety">SAFETY</a></li>
+
<li id="Safety_page"><a href="https://2017.igem.org/Team:KU_Leuven/Safety">SAFETY</a></li>
 
<li class="dropdown">
 
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/HP/HP_Main" class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
 
<ul class="dropdown-menu dropdown-menu-left">
 
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="https://2017.igem.org/Team:KU_Leuven/HP/Silver">Silver HP</a></li>
+
<li id="HP_Main_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/HP_Main">Human Practices</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">Integrated and Gold</a></li>
+
<li id="Silver_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/Silver">Silver</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Public">Public Engagement</a></li>
+
<li id="Gold_Integrated_page"><a href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
<li id="Education"><a href="https://2017.igem.org/Team:KU_Leuven/HP/Education">Education</a></li>
 +
<li id="Engagement_page"><a href="https://2017.igem.org/Team:KU_Leuven/Engagement">Public Engagement</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 468: Line 801:
 
<a href="https://2017.igem.org/Team:KU_Leuven/Awards" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
 
<a href="https://2017.igem.org/Team:KU_Leuven/Awards" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
 
<ul class="dropdown-menu dropdown-menu-left">
 
<ul class="dropdown-menu dropdown-menu-left">
<li><a href="https://2017.igem.org/Team:KU_Leuven/Applied_Design">Applied Design</a></li>
+
<li id="Applied_Design_page"><a href="https://2017.igem.org/Team:KU_Leuven/Applied_Design">Applied Design</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Entrepeneurship">Entrepeneurship</a></li>
+
<li id="Entrepreneurship_page"><a href="https://2017.igem.org/Team:KU_Leuven/Entrepreneurship">Entrepreneurship</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Hardware">Hardware</a></li>
+
                                                                <li id="Prizes"><a href="https://2017.igem.org/Team:KU_Leuven/Prizes">Prizes</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Measurement">Measurement</a></li>
+
 
<li><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
+
<li><a href="https://2017.igem.org/Team:KU_Leuven/Plant">Plant</a></li>
+
<li id="Model_page"><a href="https://2017.igem.org/Team:KU_Leuven/Model">Model</a></li>
<li><a href="https://2017.igem.org/Team:KU_Leuven/Software">Software</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 482: Line 814:
 
</div>
 
</div>
 
</nav>
 
</nav>
<!-- OLD NAV
+
<div class="igem_2017_menu_wrapper" >
+
<a class="banner" href="https://2017.igem.org/Team:KU_Leuven">
+
<img src="https://static.igem.org/mediawiki/2017/5/5f/KU_Leuven-Logo_Banner.gif"/>
+
</a>
+
<div class="menu_button" id="display_menu_control">
+
MENU
+
</div>
+
<div id="menu_content">
+
+
<a href="https://2017.igem.org/Team:KU_Leuven">
+
<div class="menu_button direct_to_page">
+
HOME
+
</div>
+
</a>
+
<div class="menu_button">
+
<div class="expand_collapse_icon">  </div> TEAM
+
</div>
+
<div class="submenu_wrapper" id="team_submenu">
+
+
<a href="https://2017.igem.org/Team:KU_Leuven/Team">
+
<div class="submenu_button" id="Team_page">
+
Team
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Collaborations">
+
<div class="submenu_button"  id="Collaborations_page">
+
Collaborations
+
</div>
+
</a>
+
+
+
</div>
+
+
+
<div class="menu_button">
+
<div class="expand_collapse_icon">  </div> PROJECT
+
</div>
+
<div class="submenu_wrapper">
+
+
<a href="https://2017.igem.org/Team:KU_Leuven/Description">
+
<div class="submenu_button"  id="Description_page">
+
Description
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Design">
+
<div class="submenu_button"  id="Design_page">
+
Design
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Experiments">
+
<div class="submenu_button"  id="Experiments_page">
+
Experiments
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Notebook">
+
<div class="submenu_button"  id="Notebook_page">
+
Notebook
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/InterLab">
+
<div class="submenu_button"  id="InterLab_page">
+
InterLab
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Contribution">
+
<div class="submenu_button"  id="Contribution_page">
+
Contribution
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Model">
+
<div class="submenu_button"  id="Model_page">
+
Model
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Results">
+
<div class="submenu_button"  id="Results_page">
+
Results
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Demonstrate">
+
<div class="submenu_button"  id="Demonstrate_page">
+
Demonstrate
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Improve">
+
<div class="submenu_button"  id="Improve_page">
+
Improve
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Attributions">
+
<div class="submenu_button"  id="Attributions_page">
+
Attributions
+
</div>
+
</a>
+
</div>
+
+
+
+
+
<div class="menu_button">
+
<div class="expand_collapse_icon">  </div> PARTS
+
</div>
+
+
<div class="submenu_wrapper">
+
+
<a href="https://2017.igem.org/Team:KU_Leuven/Parts">
+
<div class="submenu_button"  id="Parts_page">
+
Parts
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Basic_Part">
+
<div class="submenu_button"  id="Basic_Part_page">
+
Basic Parts
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Composite_Part">
+
<div class="submenu_button"  id="Composite_Part_page">
+
Composite Parts
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Part_Collection">
+
<div class="submenu_button"  id="Part_Collection_page">
+
Part Collection
+
</div>
+
</a>
+
</div>
+
+
+
+
+
<a href="https://2017.igem.org/Team:KU_Leuven/Safety">
+
<div class="menu_button direct_to_page">
+
SAFETY
+
</div>
+
</a>
+
<div class="menu_button" >
+
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
+
</div>
+
<div class="submenu_wrapper">
+
<a href="https://2017.igem.org/Team:KU_Leuven/HP/Silver">
+
<div class="submenu_button"  id="Silver_page">
+
Silver HP
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/HP/Gold_Integrated">
+
<div class="submenu_button" id="Gold_Integrated_page">
+
Integrated and Gold
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Engagement">
+
<div class="submenu_button"  id="Engagement_page">
+
Public Engagement
+
</div>
+
</a>
+
</div>
+
<div class="menu_button">
+
<div class="expand_collapse_icon">  </div> AWARDS
+
</div>
+
<div class="submenu_wrapper">
+
<a href="https://2017.igem.org/Team:KU_Leuven/Applied_Design">
+
<div class="submenu_button"  id="Applied_Design_page">
+
Applied Design
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Entrepreneurship">
+
<div class="submenu_button"  id="Entrepreneurship_page">
+
Entrepreneurship
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Hardware">
+
<div class="submenu_button"  id="Hardware_page">
+
Hardware
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Measurement">
+
<div class="submenu_button"  id="Measurement_page">
+
Measurement
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Model">
+
<div class="submenu_button"  id="Model_page">
+
Model
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Plant">
+
<div class="submenu_button"  id="Plant_page">
+
Plant
+
</div>
+
</a>
+
<a href="https://2017.igem.org/Team:KU_Leuven/Software">
+
<div class="submenu_button"  id="Software_page">
+
Software
+
</div>
+
</a>
+
</div>
+
<a href="https://igem.org/2017_Judging_Form?team=KU_Leuven">
+
<div class="menu_button direct_to_page">
+
JUDGING FORM
+
</div>
+
</a>
+
+
<div class="menu_bottom_padding" >
+
</div>
+
+
</div>
+
</div>
+
-->
+
+
  
  

Latest revision as of 14:47, 14 December 2017