Difference between revisions of "Template:DTU-Denmark"

 
(98 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
});
 
});
  
 +
$(document).ready(function() {
  
 +
$("link[rel='shortcut icon']").remove(); $("head").append("<link rel='shortcut icon' type='image/png' href='https://static.igem.org/mediawiki/2019/d/dc/T--DTU-Denmark--logo.png'>");
 +
});
 +
 
function highlight_current_page_menu() {
 
function highlight_current_page_menu() {
 
 
Line 46: Line 50:
 
           $('nav').addClass('black');
 
           $('nav').addClass('black');
 
         }else {
 
         }else {
 +
if($(window).width()>1200){
 
           $('nav').removeClass('black');
 
           $('nav').removeClass('black');
 +
}
 
         }
 
         }
 
       })
 
       })
  
  
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
</script>
 
  
  
 +
 +
 +
 +
function myFunction() {
 +
  var x = document.getElementById("myLinks");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction1() {
 +
  var x = document.getElementById("myLinks1");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction2() {
 +
  var x = document.getElementById("myLinks2");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction3() {
 +
  var x = document.getElementById("myLinks3");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction4() {
 +
  var x = document.getElementById("myLinks4");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction5() {
 +
  var x = document.getElementById("myLinks5");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction6() {
 +
  var x = document.getElementById("myLinks6");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
 +
var windowsize = $(window).width();
 +
 +
$(document).ready(function() {
 +
  if ($(window).width()< 850 ) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
smallscreennavbar();
 +
 +
  } else {
 +
    largescreennavbar();
 +
}
 +
 +
if ($(window).width() < 1070) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
$('nav').addClass('black');
 +
 +
  } else {
 +
    $('nav').removeClass('black');
 +
}
 +
});
 +
 +
 +
$(window).resize(function() {
 +
  windowsize = $(window).width();
 +
  if (windowsize < 850 ) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
smallscreennavbar();
 +
 +
  } else {
 +
    largescreennavbar();
 +
}
 +
 +
  if (windowsize < 1070) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
$('nav').addClass('black');
 +
 +
  } else {
 +
    $('nav').removeClass('black');
 +
}
 +
});
 +
 +
 +
 +
 +
function smallscreennavbar() {
 +
    $(".igem_2019_team_menu").addClass("non_displaying_menu");
 +
$(".igem_2019_team_menu").removeClass("displaying_menu");
 +
$("#igem_2019_team_menu_beltbuckle").hide();
 +
 +
 +
  document.getElementById("mobiletopnav").style.display = "block";
 +
 +
}
 +
 +
function largescreennavbar() {
 +
    $(".igem_2019_team_menu").removeClass("non_displaying_menu");
 +
$(".igem_2019_team_menu").addClass("displaying_menu");
 +
$("#igem_2019_team_menu_beltbuckle").show();
 +
 +
 +
      document.getElementById("mobiletopnav").style.display = "none";
 +
 +
 +
 +
}
 +
 +
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 64: Line 203:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
 
+
html{
 +
    height: 100%;
 +
}
 +
#globalWrapper{padding-bottom: 0px;font-size:127%;}
 +
body{
 +
    display: flex;
 +
    display: -webkit-flex;
 +
    flex-direction: column;
 +
    -webkit-flex-direction: column;
 +
    height: 100%;
 +
}
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#bodyContent{}
 +
 
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 
 
Line 79: Line 229:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
+
 
  
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*mobile bar that controls the menu*/
 
.igem_2019_team_mobile_bar {
 
background-color:#ececec;
 
border-bottom: 1px solid #cecece;
 
cursor:pointer;
 
display:none;
 
float:left;
 
margin-top: 0;
 
padding: 5px 0;
 
position:fixed;
 
width:100%;
 
}
 
 
/*mobile logo*/
 
.igem_logo_mobile {
 
float:left;
 
padding-left: 5%;
 
width: 30%;
 
}
 
  
/*image within the mobile logo*/
 
.igem_logo_mobile img {
 
width:70px;
 
}
 
 
/*mobile expand collapse button*/
 
.igem_menu_control_mobile {
 
float:right;
 
padding-right:5%;
 
padding-top:5px;
 
text-align:right;
 
width: 30%;
 
}
 
  
/*image for mobile expand collapse button*/
 
.igem_menu_control_mobile img {
 
width:25px;
 
}
 
  
  
/*add extra padding to the menu to improve mobile scrolling*/
+
 
.menu_padding{
+
 
float:left;
+
 
height:100px;
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*mobile menu bar styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
#mobiletopnav{
 +
z-index:20;
 +
top:15px;
 +
}
 +
 
 +
.topnav {
 +
display:none;
 +
  overflow: hidden;
 +
  background-color: #333;
 +
  position: fixed;
 +
width:100%;
 +
z-index:3;
 +
}
 +
 
 +
p {margin:0px !important;}
 +
 
 +
.topsubnav {
 +
  overflow: hidden;
 +
  background-color: #999;
 +
  position: relative;
 +
  display:none;
 +
}
 +
 
 +
.topnav #myLinks {
 +
  display: none;
 +
}
 +
 
 +
.topnav a {
 +
  color: white;
 +
  padding: 14px 16px;
 +
  text-decoration: none;
 +
  font-size: 17px;
 +
  display: block;
 +
}
 +
 
 +
.topnav a.icon {
 +
  background: black;
 +
  display: block;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
 
 +
.topnav a:hover {
 +
  background-color: #F8A05B;
 +
  color: black;
 +
}
 +
 
 +
 
 +
.activeMM {
 +
  background-color: #rgba(0, 0, 0, 0.8);;
 +
  color: white;
 +
  padding: 0px 0px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
.igem_2019_team_menu.displaying_menu{
 +
display:block;
 
}
 
}
  
 +
 +
.igem_2019_team_menu.non_displaying_menu{
 +
display:none;
 +
}
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 137: Line 343:
 
/* general wrapper for the content */
 
/* general wrapper for the content */
 
.igem_2019_team_content {
 
.igem_2019_team_content {
background-color:white;  
+
/*background-color:white;  
 
display:block;
 
display:block;
width: 87%;
+
width: 80%;*/
 
}
 
}
  
Line 145: Line 351:
 
.igem_2019_team_content .igem_2019_team_column_wrapper {
 
.igem_2019_team_content .igem_2019_team_column_wrapper {
 
margin:auto;
 
margin:auto;
max-width: 1400px;
+
/*max-width: 1400px;
width:90%;
+
width:90%;*/
 
}
 
}
 +
 +
 +
 +
/*footer styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
 +
 +
 +
#myFooter {
 +
    background-color: #3c3d41;
 +
 +
      background-repeat: no-repeat;
 +
    color: white;
 +
    padding-top: 30px;
 +
      background-size: cover;
 +
}
 +
 +
.blue{
 +
  background-image: linear-gradient(to bottom right, rgba(12, 49, 89, .94), rgba(9, 49, 79, 1)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
 +
}
 +
 +
.grey{
 +
  background-image: linear-gradient(to bottom right, rgb(10, 10, 10), rgb(49, 49, 49)), url(https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png);
 +
}
 +
 +
 +
#myFooter .row {
 +
    margin-bottom: 60px;
 +
}
 +
 +
#myFooter .navbar-brand {
 +
    margin-top: 45px;
 +
    height: 65px;
 +
}
 +
 +
#myFooter .footer-copyright p {
 +
    margin: 10px;
 +
    color: #ccc;
 +
}
 +
 +
#myFooter ul {
 +
    list-style-type: none;
 +
padding:0;
 +
    padding-left: 0;
 +
    line-height: 1.7;
 +
list-style-image: none;
 +
    margin-block-start: 0em;
 +
    margin-block-end: 0em;
 +
    margin-inline-start: 0px;
 +
    margin-inline-end: 0px;
 +
    padding-inline-start: 0px;
 +
}
 +
 +
#myFooter h5 {
 +
    font-size: 18px;
 +
    color: white;
 +
    font-weight: bold;
 +
    margin-top: 30px;
 +
}
 +
 +
#myFooter h2 a{
 +
    font-size: 50px;
 +
    text-align: center;
 +
    color: #fff;
 +
}
 +
 +
#myFooter a {
 +
    color: #d2d1d1;
 +
    text-decoration: none;
 +
}
 +
 +
#myFooter a:hover,
 +
#myFooter a:focus {
 +
    text-decoration: none;
 +
    color: white;
 +
}
 +
 +
#myFooter .social-networks {
 +
    text-align: center;
 +
    padding-top: 30px;
 +
    padding-bottom: 16px;
 +
}
 +
 +
#myFooter .social-networks a {
 +
    font-size: 32px;
 +
    color: #f9f9f9;
 +
    padding: 10px;
 +
    transition: 0.2s;
 +
}
 +
 +
#myFooter .social-networks a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
#myFooter .facebook:hover {
 +
    color: #0077e2;
 +
}
 +
 +
#myFooter .insta:hover {
 +
    color: #DE3076;
 +
}
 +
 +
#myFooter .twitter:hover {
 +
    color: #00aced;
 +
}
 +
 +
#myFooter .btn {
 +
    color: white;
 +
    background-color: #2A6E2C;
 +
    border-radius: 20px;
 +
    border: none;
 +
    width: 150px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    margin-top: 10px;
 +
    line-height: 25px;
 +
}
 +
 +
@media screen and (max-width: 767px) {
 +
    #myFooter {
 +
        text-align: center;
 +
    }
 +
}
 +
 +
 +
/* CSS used for positioning the footers at the bottom of the page. */
 +
/* You can remove this. */
 +
 +
 +
 +
.content1{
 +
  flex: 1 0 auto;
 +
  -webkit-flex: 1 0 auto;
 +
 +
}
 +
 +
#myFooter{
 +
  flex: 0 0 auto;
 +
  -webkit-flex: 0 0 auto;
 +
}
 +
 +
#myFooter ul li{
 +
list-style-image: none;
 +
padding:0;
 +
}
 +
 +
 +
 +
 +
 +
 +
  
  
Line 153: Line 513:
 
/*general styling*/
 
/*general styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
  
  
Line 183: Line 546:
 
nav .logo{
 
nav .logo{
 
   float: left;
 
   float: left;
 +
margin-top:10px;
 
}
 
}
 
nav .logo img{
 
nav .logo img{
Line 201: Line 565:
 
   margin-top: 25px;
 
   margin-top: 25px;
 
   line-height: none;
 
   line-height: none;
   font-size: 18px;
+
   font-size: 17px;
 
   color: white;
 
   color: white;
 
   padding: 5px 15px;
 
   padding: 5px 15px;
Line 209: Line 573:
 
   text-shadow: 0 0 4px #000;
 
   text-shadow: 0 0 4px #000;
 
}
 
}
 +
 +
 +
@media screen and (max-width: 920px) {
 +
    nav ul li{font-size:13.8px;}
 +
}
 +
 +
 
nav ul li a{
 
nav ul li a{
 
   color: white;
 
   color: white;
Line 283: Line 654:
  
  
/*size for title h tags*/
+
/*size for title h tags
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;}
+
.igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;margin-bottom:25px;}
 
.igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
 
.igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 150%;}
+
.igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 160%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 140%;}
+
.igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 150%;}
.igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}
+
.igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}*/
  
  
/*titles h1, h2*/
+
/*titles h1, h2
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
 
.igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;
 
color: #635d5d;
font-family: "Arial Black", Gadget, sans-serif;
+
font-family: 'Roboto Slab', serif;;
 
padding: 10px 0px;
 
padding: 10px 0px;
}
+
}*/
  
/*titles h3, h3, h5, h6 */
+
/*titles h3, h3, h5, h6
 
.igem_2019_team_content .igem_2019_team_column_wrapper h3,  
 
.igem_2019_team_content .igem_2019_team_column_wrapper h3,  
 
.igem_2019_team_content .igem_2019_team_column_wrapper h4,  
 
.igem_2019_team_content .igem_2019_team_column_wrapper h4,  
Line 307: Line 678:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #635d5d;   
 
color: #635d5d;   
font-family: "Arial Black", Gadget, sans-serif;
+
font-family: 'Roboto Slab', serif;;
 
padding: 5px 0px;
 
padding: 5px 0px;
}
+
} */
  
/* text p tag*/
+
/* text p tag
 
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
 
.igem_2019_team_content .igem_2019_team_column_wrapper p {  
 
font-size: 130%;
 
font-size: 130%;
Line 318: Line 689:
 
text-align: left;
 
text-align: left;
 
color: #484848;
 
color: #484848;
}
+
}*/
  
 
/* Links a tag*/
 
/* Links a tag*/
 
.igem_2019_team_content .igem_2019_team_column_wrapper a {
 
.igem_2019_team_content .igem_2019_team_column_wrapper a {
color: #00a19b;
+
color: #30a19b;
font-weight: bold;
+
text-decoration: underline;
+
 
text-decoration-color:#00a19b;
 
text-decoration-color:#00a19b;
 
transition: all 0.4s ease;
 
transition: all 0.4s ease;
Line 342: Line 711:
 
/* Table tag*/
 
/* Table tag*/
 
.igem_2019_team_content .igem_2019_team_column_wrapper table {  
 
.igem_2019_team_content .igem_2019_team_column_wrapper table {  
border: 1px solid #635d5d;  
+
border-bottom: 1px solid #635d5d;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
 
width: 100%;  
 
width: 100%;  
 +
margin-bottom: 20px;
 +
    margin-top: 15px;
 
}
 
}
  
 
/* table cells */
 
/* table cells */
 
.igem_2019_team_content .igem_2019_team_column_wrapper td {  
 
.igem_2019_team_content .igem_2019_team_column_wrapper td {  
border: 1px solid #cecece;
+
 
border-collapse: collapse;
+
font-size: 105%;
+
 
padding: 10px;
 
padding: 10px;
 
vertical-align: text-top;  
 
vertical-align: text-top;  
Line 359: Line 728:
 
/* table headers */
 
/* table headers */
 
.igem_2019_team_content .igem_2019_team_column_wrapper th {  
 
.igem_2019_team_content .igem_2019_team_column_wrapper th {  
background-color:#cecece;
+
border: 1px solid #635d5d;
+
 
border-collapse: collapse;  
 
border-collapse: collapse;  
font-size: 110%;
+
 
padding: 10px;  
 
padding: 10px;  
 
vertical-align: text-top;  
 
vertical-align: text-top;  
Line 371: Line 739:
 
/* non numbered lists */
 
/* non numbered lists */
 
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
 
.igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
font-size: 130%;
+
 
font-family: Arial, Helvetica, sans-serif;
 
font-family: Arial, Helvetica, sans-serif;
 
padding:0px 20px;
 
padding:0px 20px;
Line 513: Line 881:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 1800px) {
 
@media only screen and (max-width: 1800px) {
.igem_2019_team_content { width: 85%;}
+
/*.igem_2019_team_content { width: 85%;}*/
.igem_2019_team_menu {display:block;}
+
 
}
 
}
  
Line 520: Line 888:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 1400px) {
 
@media only screen and (max-width: 1400px) {
.igem_2019_team_menu .menu_item { font-size:100%;}
+
.igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
+
.igem_2019_team_menu {display:block;}
+
 
}
 
}
  
Line 531: Line 897:
 
.igem_2019_team_content {width:100%; margin-left:0px;}
 
.igem_2019_team_content {width:100%; margin-left:0px;}
 
 
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
 
 
 
.igem_2019_team_mobile_bar {display:block;}
 
.igem_2019_team_mobile_bar {display:block;}
Line 542: Line 908:
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 850px) {
 
@media only screen and (max-width: 850px) {
.igem_2019_team_menu {width:40%;}
+
}
+
  
 
/*500px  */
 
/*500px  */
 
/************************************************/
 
/************************************************/
 
@media only screen and (max-width: 500px) {
 
@media only screen and (max-width: 500px) {
.igem_2019_team_menu {min-width:100%;width:100%;}
+
 
}
 
}
  
Line 556: Line 921:
  
  
 +
li.clearfix{
 +
list-style-type:none;
 +
}
  
 +
#mw-content-text p {
 +
margin: 0 0 0px !important;
 +
}
  
 
</style>
 
</style>
Line 567: Line 938:
 
<head>  
 
<head>  
  
<!-- This tells the browser that your page is responsive -->
+
<!-- This tells the browser that your page is responsive-->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,700">
+
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,700">  
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<!--<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:DTU-Denmark/jquerymin?family=Roboto+Slab:300,400,500,700">-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
  
  
</head>
+
<link rel="stylesheet" type="text/css" href="Template:DTU-Denmark/fontCSS?action=raw&ctype=text/css&family">
 +
<script type="text/javascript" src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
 +
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 +
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
<!--- Menu --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
  
  
  
 +
</head>
  
  
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
    <nav>
+
 
 +
<body>
 +
  <nav class="igem_2019_team_menu displaying_menu" style="z-index:20;">
 
       <div class="logo">
 
       <div class="logo">
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/thumb/f/fe/T--DTU-Denmark--happylogotemp.png/428px-T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
+
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/f/fe/T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
 
       </div>
 
       </div>
 
       <div class="menu-icon">
 
       <div class="menu-icon">
         <i class="fa fa-bars fa-2x"></i>
+
          
 
       </div>
 
       </div>
 
       <ul id='menu'>
 
       <ul id='menu'>
          
+
         <li class="dropdown">
        
+
       <a href="https://2019.igem.org/Team:DTU-Denmark/Awards" class="dropbtn"><img src="https://static.igem.org/mediawiki/2019/c/c0/T--DTU-Denmark--medallogo.svg" style="height:30px;" alt="Awards"></a>
 
+
</li>
 
           <li class="dropdown">
 
           <li class="dropdown">
 
               <a href="https://2019.igem.org/Team:DTU-Denmark/Description" class="dropbtn">Project</a>
 
               <a href="https://2019.igem.org/Team:DTU-Denmark/Description" class="dropbtn">Project</a>
Line 604: Line 981:
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Description">Description</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Description">Description</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Design">Design</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Design">Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Promoter">Promoter Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Plasmid">Vector Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Measurement">Measurement Design</a>
 +
 +
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Results">Results</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Results">Results</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Demonstrate">Demonstrate</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Demonstrate">Demonstrate</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Safety">Safety</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Safety">Safety</a>
                <a href="https://2019.igem.org/Team:DTU-Denmark/Collaborations">Collaboration</a>
+
         
                <a href="https://2019.igem.org/Team:DTU-Denmark/Entrepreneurship">Entrepeneurship</a>
+
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Contribution">Characterization</a>
                <a href="https://2019.igem.org/Team:DTU-Denmark/Plant">Plant</a>
+
                <a href="https://2019.igem.org/Team:DTU-Denmark/Measurement">Measurement</a>
+
                <a href="https://2019.igem.org/Team:DTU-Denmark/Improve">Improve</a>
+
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Contribution">Contribution</a>
+
 
               </div>
 
               </div>
 
             </li>
 
             </li>
Line 651: Line 1,029:
 
               <div class="dropdown-content">
 
               <div class="dropdown-content">
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Team">Team Members</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Team">Team Members</a>
 +
      <a href="https://2019.igem.org/Team:DTU-Denmark/Collaborations">Collaboration</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Attributions">Attributions</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Attributions">Attributions</a>
 
            
 
            
Line 658: Line 1,037:
 
          
 
          
 
         <li class="dropdown">
 
         <li class="dropdown">
               <a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices" class="dropbtn">Human Practices</a>
+
               <a href="https://2019.igem.org/Team:DTU-Denmark/Integrated_Human_Practices" class="dropbtn">Human Practices</a>
 
               <div class="dropdown-content">
 
               <div class="dropdown-content">
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Integrated_Human_Practices">Integrated Human Practices</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">Human Practices</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">Human Practices</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Public_Engagement">Education and Engagement</a>
 
                 <a href="https://2019.igem.org/Team:DTU-Denmark/Public_Engagement">Education and Engagement</a>
Line 674: Line 1,054:
  
  
 +
<!-- Top Navigation Menu -->
 +
<div id="mobiletopnav" class="topnav">
 +
  <a href="https://2019.igem.org/Team:DTU-Denmark" class="activeMM" >LEAP</a>
 +
 
 +
  <div id="myLinks">
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction1()">
 +
    Project
 +
  </a><div id="myLinks1" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Description">Description</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Design">Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Promoter">Promoter Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Plasmid">Vector Design</a>
 +
<a  style="padding-left:2em" href="https://2019.igem.org/Team:DTU-Denmark/Design_Measurement">Measurement Design</a>
  
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Results">Results</a>
 +
 +
 +
 +
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Demonstrate">Demonstrate</a>
 +
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Contribution">Characterization</a>
 +
    </div>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction2()">
 +
    Modelling
 +
  </a><div id="myLinks2" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Model">Model</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Software">Software</a>
 +
    </div>
 +
   
 +
<a href="javascript:void(0);"  onclick="myFunction3()">
 +
    Parts
 +
  </a><div id="myLinks3" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Parts">Parts</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Basic_Part">Basic_Part</a>
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Composite_Part">Composite_Part</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Part_Collection">Part_Collection</a>
 +
    </div>
 +
   
 +
 +
     
 +
   
 +
        <a href="javascript:void(0);"  onclick="myFunction4()">
 +
    Journal
 +
  </a><div id="myLinks4" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Notebook">Notebook</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Experiments">Experiments</a>
 +
    </div>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction5()">
 +
    People
 +
  </a><div id="myLinks5" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Team">Team Members</a>
 +
  <a href="https://2019.igem.org/Team:DTU-Denmark/Collaborations">Collaborations</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Attributions">Attributions</a>
 +
    </div>
 +
   
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Safety">Safety</a>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction6()">
 +
    Human Practices
 +
  </a><div id="myLinks6" class="topsubnav">
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Integrated_Human_Practices">Integrated Human Practices</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">Human Practices</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Public_Engagement">Education & Engagement</a>
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/BioBrick_Tutorial">BioBrick Tutorial</a>
 +
    </div>
 +
   
 +
 +
   
 +
 
 +
  </div>
 +
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
 +
    <i class="fa fa-bars"></i>
 +
  </a>
 +
</div>
  
  
Line 682: Line 1,139:
  
  
<div class="igem_2019_team_content">
+
<div class="igem_2019_team_content" style="overflow:unset; ">
<div class="igem_2019_team_column_wrapper">
+
<div class="igem_2019_team_column_wrapper" style="overflow:unset">
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
+

Latest revision as of 00:46, 13 December 2019