Difference between revisions of "Team:DTU-Denmark"

Line 1: Line 1:
 
<html>
 
<html>
  
<head>  
+
<head>
    <style>
+
 
+
    /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
 
+
    /* Clear the default wiki settings */
+
 
+
    #home_logo, #sideMenu { display:none; }
+
    #sideMenu, #top_title, .patrollink  {display:none;}
+
    #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
    body {background-color:white; }
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
 
+
 
+
 
+
    /***************************************************** RESPONSIVE STYLING ****************************************************/
+
 
+
 
+
    /* IF THE SCREEN IS LESS THAN 1200PX */
+
 
+
    @media only screen and (max-width: 1200px) {
+
        #content {width:100%; }
+
        .igem_2017_menu_wrapper {width:15%; right:0;}
+
        .highlight {padding:10px 0px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:none; }
+
        #menu_content { display:block;}
+
        .menu_button.direct_to_page {padding-left: 17px;}
+
    }
+
 
+
 
+
    /* IF THE SCREEN IS LESS THAN 800PX */
+
 
+
    @media only screen and (max-width: 800px) {
+
        .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
        .igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
        .column.half_size  {width:100%; }
+
        .column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
        .highlight {padding:15px 5px;}
+
        .igem_2017_menu_wrapper #display_menu_control { display:block; }
+
        #menu_content { display:none;}
+
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
        .menu_bottom_padding {display:none;}
+
        .menu_button.direct_to_page { padding-left: 36px; }
+
    }
+
 
+
 
+
    /* special class that the system uses to make sure the team wants a page to be evaluated */
+
 
+
    .judges-will-not-evaluate {
+
        width: 96.6%;
+
        margin: 5px 15px;
+
        display: block;
+
        border: 4px solid #3399ff;
+
        font-weight: bold;
+
    }
+
 
+
    </style>
+
 
+
  
 
     <title>DTU iGEM wiki 2017</title>
 
     <title>DTU iGEM wiki 2017</title>
Line 69: Line 11:
  
 
     <!-- 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">  
 
     <meta name="viewport" content="width=device-width, initial-scale=1">  
  
Line 76: Line 17:
  
  
<body>
+
<body style ="height: 3000px;">
     <!-- header contains the top navbar
+
     <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list -->
        creates a 1 column (12) row containing the header  
+
        and defines the dropdown list-->
+
 
     <div class="col-12 rmvpadmarg tofront" style="position: fixed;">
 
     <div class="col-12 rmvpadmarg tofront" style="position: fixed;">
 
         <nav class="navbar">
 
         <nav class="navbar">

Revision as of 16:30, 16 July 2017

DTU iGEM wiki 2017

  • Hej
  • med
  • dig