Difference between revisions of "Template:DTU-Denmark"

 
(119 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 42: Line 46:
 
}
 
}
 
 
$(window).on('scroll',function(){
+
$(window).on('scroll',function(){
 
         if($(window).scrollTop()){
 
         if($(window).scrollTop()){
 
           $('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:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/*wrapping for the menu*/
 
.igem_2019_team_menu {
 
background-color:#cecece;
 
border-left: 1px solid #635d5d;
 
float:right;
 
height:100vh;
 
max-width: 270px;
 
overflow-y: auto;
 
overflow-x: hidden;
 
padding:0px;
 
position:fixed;
 
right:0%;
 
text-align:left;
 
width: 15%;
 
}
 
  
/*controlling menu visibility*/
 
.igem_2019_team_menu.displaying_menu{
 
display:block;
 
}
 
  
/*links in the menu*/
+
/*mobile menu bar styling*/
.igem_2019_team_menu  a {
+
/**************************************************************************************************************************************************************************************************/
color: #484848;
+
 
text-decoration:none;
+
 
}
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
/*images in the menu*/
 
.igem_2019_team_menu img {
 
width:100%;
 
}
 
  
/*level 1 menu items*/
 
.igem_2019_team_menu .menu_item {
 
    background-color: #cecece;
 
    border-bottom: 1px solid #635d5d;
 
    clear: both;
 
color: #484848;
 
    cursor: pointer;
 
float: left;
 
    font-size: 120%;
 
    font-weight: bold;
 
    padding: 15px 0px 15px 5%;
 
  width: 100%;
 
}
 
  
/*level 1 menu items without submenus*/
 
.igem_2019_team_menu .menu_item.direct_link {
 
color: #484848;
 
padding-left: 15%;
 
}
 
 
/*level 1 menu items on hover*/
 
.igem_2019_team_menu .menu_item:hover {
 
background-color: #ecb656 !important;
 
}
 
  
/*icon for expanding and collapsing level 1 menut items*/
 
.igem_2019_team_menu .menu_item .submenu_control_icon {
 
color: #484848;
 
float: left;
 
width: 10%;
 
}
 
  
/* submenu icon  "-"*/
 
.igem_2019_team_menu .menu_item .submenu_control_icon::before {
 
content: "+";
 
}
 
  
/* submenu icon  "-"*/
 
.igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
 
content: "-";
 
}
 
  
 
/*level 2 menu (submenu) wrapper*/
 
.igem_2019_team_menu .submenu{
 
background-color: #ececec;
 
clear:both;
 
display:none;
 
float: left; 
 
width:100%;
 
}
 
  
/*level 2 menu (submenu) item*/
 
.igem_2019_team_menu .submenu .submenu_item {
 
border-bottom: 1px solid #cecece;
 
  color: #635d5d;
 
    height: 30px;
 
  float: left;
 
    font-size: 110%;
 
font-weight: bold;
 
    padding: 12px 0px 0px 15%;
 
    width: 100%;
 
}
 
  
/*level 2 menu (submenu) items on hover*/
 
.igem_2019_team_menu .submenu .submenu_item:hover {
 
background-color: #ecb656 !important;
 
}
 
  
/*color for highlighting current page on the wiki*/
 
.igem_2019_team_menu .submenu .submenu_item.current_page,
 
.igem_2019_team_menu .menu_item.current_page,
 
.igem_2019_team_menu .menu_item.direct_link.current_page {
 
background-color:#a2d3d0;
 
}
 
  
  
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
#mobiletopnav{
 +
z-index:20;
 +
top:15px;
 +
}
  
/*mobile bar that controls the menu*/
+
.topnav {
.igem_2019_team_mobile_bar {
+
display:none;
background-color:#ececec;
+
  overflow: hidden;
border-bottom: 1px solid #cecece;
+
  background-color: #333;
cursor:pointer;
+
  position: fixed;
display:none;  
+
width:100%;
float:left;
+
z-index:3;
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*/
+
p {margin:0px !important;}
.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*/
+
.topsubnav {
.igem_menu_control_mobile img {
+
  overflow: hidden;
width:25px;
+
  background-color: #999;
}
+
  position: relative;
 +
  display:none;
 +
}
  
 +
.topnav #myLinks {
 +
  display: none;
 +
}
  
/*add extra padding to the menu to improve mobile scrolling*/
+
.topnav a {
.menu_padding{
+
  color: white;
float:left;
+
  padding: 14px 16px;
height:100px;
+
  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 244: 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 252: 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 263: Line 516:
  
  
 +
 +
 +
li.dropdown {
 +
  height: 50px;
 +
}
  
 
nav{
 
nav{
Line 288: Line 546:
 
nav .logo{
 
nav .logo{
 
   float: left;
 
   float: left;
 +
margin-top:10px;
 
}
 
}
 
nav .logo img{
 
nav .logo img{
Line 306: 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 314: Line 573:
 
   text-shadow: 0 0 4px #000;
 
   text-shadow: 0 0 4px #000;
 
}
 
}
/* nav ul li a{
+
 
  line-height: none;
+
 
  font-size: 18px;
+
@media screen and (max-width: 920px) {
 +
    nav ul li{font-size:13.8px;}
 +
}
 +
 
 +
 
 +
nav ul li a{
 
   color: white;
 
   color: white;
  padding: 5px 15px;
 
 
   text-decoration: none;
 
   text-decoration: none;
  text-transform: uppercase;
+
}  
  transition: 1s;
+
  text-shadow: 0 0 10px #000;
+
} */
+
  
 
/* nav.black ul li a{
 
/* nav.black ul li a{
Line 343: Line 603:
  
  
 
+
a.dropbtn{color: white;
 +
  text-decoration: none;}
  
  
Line 349: Line 610:
 
   display: none;
 
   display: none;
 
   position: absolute;
 
   position: absolute;
   background-color: #f9f9f9;
+
   background-color: #fcfcfc;
 
   margin-top:20px;
 
   margin-top:20px;
 
   min-width: 160px;
 
   min-width: 160px;
Line 366: Line 627:
 
}
 
}
  
.dropdown-content a:hover {background-color: #f1f1f1;}
+
.dropdown-content a:hover {background-color: #e1e1e1;}
 +
 
 +
 
  
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
Line 391: 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 415: 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 426: 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 450: 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 467: 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 479: 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 621: 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 628: 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 639: 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 650: 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 664: Line 921:
  
  
 +
li.clearfix{
 +
list-style-type:none;
 +
}
  
 +
#mw-content-text p {
 +
margin: 0 0 0px !important;
 +
}
  
 
</style>
 
</style>
Line 675: Line 938:
 
<head>  
 
<head>  
  
<!-- This tells the browser that your page is responsive -->
+
<!-- This tells the browser that your page is responsive-->
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
<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://2019.igem.org/Template:DTU-Denmark/jquerymin?family=Roboto+Slab:300,400,500,700">-->
  
</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>
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  
<div class="igem_2019_team_mobile_bar">
+
</head>
+
<div class="igem_logo_mobile">
+
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
+
</div>
+
  
  
<div class="igem_menu_control_mobile">
 
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
 
</div>
 
  
</div>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
+
<!--- Menu --->
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
+
<!--
+
<div class="igem_2019_team_menu">
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark">
+
<img src="https://placehold.it/350x150/ececec/cecece">
+
</a>
+
 
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark">
+
<div class="menu_item direct_link">
+
HOME
+
</div>
+
</a>
+
 
+
<!-- Team -->
+
<!--<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
TEAM
+
</div>
+
<div class="submenu">
+
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Team">
+
<div class="submenu_item">
+
Team Members
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Collaborations">
+
<div class="submenu_item">
+
Collaborations
+
</div>
+
</a>
+
</div>
+
 
+
 
+
<!-- Project -->
+
<!-- <div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
PROJECT
+
</div>
+
<div class="submenu">
+
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Description">
+
<div class="submenu_item">
+
Description
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Design">
+
<div class="submenu_item">
+
Design
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Experiments">
+
<div class="submenu_item">
+
Experiments
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Notebook">
+
<div class="submenu_item">
+
Notebook
+
</div>
+
</a>
+
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Contribution">
+
<div class="submenu_item">
+
Contribution
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Results">
+
<div class="submenu_item">
+
Results
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Demonstrate">
+
<div class="submenu_item">
+
Demonstrate
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Improve">
+
<div class="submenu_item">
+
Improve
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Attributions">
+
<div class="submenu_item">
+
Attributions
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
PARTS
+
</div>
+
<div class="submenu">
+
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Parts">
+
<div class="submenu_item">
+
Parts Overview
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Basic_Part">
+
<div class="submenu_item">
+
Basic Parts
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Composite_Part">
+
<div class="submenu_item">
+
Composite Parts
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Part_Collection">
+
<div class="submenu_item">
+
Part Collection
+
</div>
+
</a>
+
</div>
+
 
+
+
+
+
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Safety">
+
<div class="menu_item direct_link">
+
SAFETY
+
</div>
+
</a>
+
 
+
 
+
 
+
 
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
HUMAN PRACTICES
+
</div>
+
 
+
<div class="submenu">
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">
+
<div class="submenu_item">
+
Human Practices
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Public_Engagement">
+
<div class="submenu_item">
+
Education & Engagement
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
 
+
 
+
 
+
<div class="menu_item">
+
<div class="submenu_control_icon"> </div>
+
AWARDS
+
</div>
+
 
+
<div class="submenu">
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Entrepreneurship">
+
<div class="submenu_item">
+
Entrepreneurship
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Hardware">
+
<div class="submenu_item">
+
Hardware
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Measurement">
+
<div class="submenu_item">
+
Measurement
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Model">
+
<div class="submenu_item">
+
Model
+
</div>
+
</a>
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Plant">
+
<div class="submenu_item">
+
Plant
+
</div>
+
</a>
+
 
+
 
+
<a href="https://2019.igem.org/Team:DTU-Denmark/Software">
+
<div class="submenu_item">
+
Software
+
</div>
+
</a>
+
 
+
</div>
+
 
+
 
+
 
+
<a href="https://igem.org/2019_Judging_Form?team=DTU-Denmark">
+
<div class="menu_item direct_link">
+
JUDGING FORM ⇗
+
</div>
+
</a>
+
  
  
+
<body>
<div class="menu_padding"></div>
+
  <nav class="igem_2019_team_menu displaying_menu" style="z-index:20;">
+
 
+
 
+
 
+
 
+
</div>
+
-->
+
 
+
    <nav>
+
 
       <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 961: 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 1,008: 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 1,015: 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 1,031: 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 1,038: 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