Difference between revisions of "Template:ETH Zurich"

(Revert to original.)
 
(53 intermediate revisions by one other user not shown)
Line 103: Line 103:
 
#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; }
  
.footer {
+
  position: absolute;
+
  right: 0;
+
  bottom: 0;
+
  left: 0;
+
  padding: 1rem;
+
  background-color: #efefef;
+
  text-align: center;
+
}
+
 
 
 
 
Line 120: Line 112:
 
height:100vh;  
 
height:100vh;  
 
position:fixed;
 
position:fixed;
left:0%;
+
right:0%;
 
padding:0px;
 
padding:0px;
 
float:right;  
 
float:right;  
 
border-left: 1px solid #d3d3d3;  
 
border-left: 1px solid #d3d3d3;  
background-color:#514b44;  
+
background-color:#dddddd;  
 
text-align:left;
 
text-align:left;
font-family:Trebuchet MS,Tahoma, Geneva, sans-serif;  
+
font-family:Tahoma, Geneva, sans-serif;  
 
overflow-y: auto;
 
overflow-y: auto;
 
overflow-x: hidden;
 
overflow-x: hidden;
 
}
 
}
 
.igem_2017_footer_wrapper {
 
    background-color: #5151f2;
 
    width: 100%;
 
    height: 10vh;
 
    position: fixed;
 
    bottom: 0;
 
}
 
  
 
/* this hides the scrollbar to keep view consistency */
 
/* this hides the scrollbar to keep view consistency */
Line 164: Line 148:
 
font-size: 12px;  
 
font-size: 12px;  
 
font-weight: bold;  
 
font-weight: bold;  
color: #ffffff;  
+
color: #5e5f5f;  
 
cursor: pointer;
 
cursor: pointer;
 
}
 
}
Line 197: Line 181:
 
/* styling for the menu buttons on hover */
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {  
background-color: #5151f2;  
+
background-color: #3399ff;  
 
text-decoration: none;
 
text-decoration: none;
 
color:#ffffff;  
 
color:#ffffff;  
Line 204: Line 188:
 
/* styling for the menu button when it is the current page */
 
/* styling for the menu button when it is the current page */
 
.current_page {  
 
.current_page {  
background-color:#ffffff !important;
+
background-color:#7fc1f7 !important;
 
color:#5e5f5f !important;
 
color:#5e5f5f !important;
 
}
 
}
Line 217: Line 201:
 
border-bottom: 1px solid #d3d3d3;  
 
border-bottom: 1px solid #d3d3d3;  
 
font-size: 12px;  
 
font-size: 12px;  
color: #514b44;  
+
color: #5e5f5f;  
 
cursor: pointer;
 
cursor: pointer;
 
}
 
}
Line 240: Line 224:
 
margin: 2%;
 
margin: 2%;
 
display:block;
 
display:block;
float:right;  
+
float:left;  
 
background-color:white;  
 
background-color:white;  
font-family:Trebuchet MS, Tahoma, Geneva, sans-serif;  
+
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
  
Line 293: Line 277:
 
padding:0px 20px;
 
padding:0px 20px;
 
font-size: 13px;
 
font-size: 13px;
font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;  
+
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
  
Line 300: Line 284:
 
padding:0px;  
 
padding:0px;  
 
font-size: 13px;
 
font-size: 13px;
font-family:Trebuchet MS, Tahoma, Geneva, sans-serif;  
+
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
  
Line 483: Line 467:
  
 
<a href="https://2017.igem.org/Team:ETH_Zurich">
 
<a href="https://2017.igem.org/Team:ETH_Zurich">
<img src="https://static.igem.org/mediawiki/2017/d/d2/T--ETH_Zurich--Logo.png" style="background-color:#dbdbff;" >
+
<img src="http://placehold.it/350x150">
 
</a>
 
</a>
  
Line 504: Line 488:
  
  
              <div class="menu_button">
+
 
<div class="expand_collapse_icon">  </div> THEORY
+
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> TEAM
 
</div>  
 
</div>  
  
 
<div class="submenu_wrapper" id="team_submenu">
 
<div class="submenu_wrapper" id="team_submenu">
 
 
<a href="https://2017.igem.org/Team:ETH_Zurich/Brainstorming">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Team">
<div class="submenu_button" id="Brainstorming_page">
+
<div class="submenu_button" id="Team_page">
Brainstorming
+
Team
 
</div>
 
</div>
 
</a>
 
</a>
  
<a href="https://2017.igem.org/Team:ETH_Zurich/Background">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Collaborations">
<div class="submenu_button"  id="Background_page">
+
<div class="submenu_button"  id="Collaborations_page">
Background
+
Collaborations
 
</div>
 
</div>
 
</a>
 
</a>
 
 
                        <a href="https://2017.igem.org/Team:ETH_Zurich/Description">
 
<div class="submenu_button"  id="Description_page">
 
Description
 
</div>
 
</a>
 
 
                        <a href="https://2017.igem.org/Team:ETH_Zurich/Applied_Design">
 
<div class="submenu_button"  id="Applied_Design_page">
 
Applications
 
</div>
 
</a>
 
 
 
 
</div>
 
</div>
+
 
 +
 
 +
 +
  
 
<div class="menu_button">
 
<div class="menu_button">
<div class="expand_collapse_icon">  </div> PRACTICE
+
<div class="expand_collapse_icon">  </div> PROJECT
 
</div>  
 
</div>  
  
 
<!-- project submenu -->
 
<!-- project submenu -->
 
<div class="submenu_wrapper">
 
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Description">
 +
<div class="submenu_button"  id="Description_page">
 +
Description
 +
</div>
 +
</a>
  
 
<a href="https://2017.igem.org/Team:ETH_Zurich/Design">
 
<a href="https://2017.igem.org/Team:ETH_Zurich/Design">
Line 600: Line 583:
 
</a>
 
</a>
  
                        <a href="https://2017.igem.org/Team:ETH_Zurich/Parts">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Attributions">
 +
<div class="submenu_button"  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
 
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<div class="menu_button">
 +
<div class="expand_collapse_icon">  </div> PARTS
 +
</div>
 +
 +
<!-- parts submenu -->
 +
<div class="submenu_wrapper">
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Parts">
 
<div class="submenu_button"  id="Parts_page">
 
<div class="submenu_button"  id="Parts_page">
 
Parts
 
Parts
Line 623: Line 626:
 
</div>
 
</div>
 
</a>
 
</a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Safety">
 +
<div class="menu_button direct_to_page">
 +
SAFETY
 +
</div>
 +
</a>
 +
 +
  
<a href="https://2017.igem.org/Team:ETH_Zurich/Safety">
 
        <div class="submenu_button" id="Safety_page">
 
Safety
 
        </div>
 
        </a>
 
  
<a href="https://2017.igem.org/Team:ETH_Zurich/Collaborations">
 
        <div class="submenu_button" id="Collaborations_page">
 
Collaborations
 
        </div>
 
        </a>
 
  
</div>
 
  
  
 
<div class="menu_button" >
 
<div class="menu_button" >
<div class="expand_collapse_icon">  </div> SCIENCE IN PERSPECTIVE
+
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
</div>  
 
</div>  
  
Line 668: Line 674:
  
  
              <div class="menu_button">
+
<div class="menu_button">
<div class="expand_collapse_icon">  </div> TEAM
+
<div class="expand_collapse_icon">  </div> AWARDS
 
</div>  
 
</div>  
  
<div class="submenu_wrapper" id="team_submenu">
+
<!-- awards submenu -->
+
<div class="submenu_wrapper">
<a href="https://2017.igem.org/Team:ETH_Zurich/Team">
+
 
<div class="submenu_button" id="Team_page">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Applied_Design">
Members
+
<div class="submenu_button" id="Applied_Design_page">
 +
Applied Design
 
</div>
 
</div>
 
</a>
 
</a>
  
<a href="https://2017.igem.org/Team:ETH_Zurich/Attributions">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Entrepreneurship">
<div class="submenu_button"  id="Attributions_page">
+
<div class="submenu_button"  id="Entrepreneurship_page">
Attributions
+
Entrepreneurship
 
</div>
 
</div>
 
</a>
 
</a>
+
 
                        <a href="https://2017.igem.org/Team:ETH_Zurich/Sponsors">
+
<a href="https://2017.igem.org/Team:ETH_Zurich/Hardware">
<div class="submenu_button"  id="Sponsors_page">
+
<div class="submenu_button"  id="Hardware_page">
Sponsors
+
Hardware
 
</div>
 
</div>
 
</a>
 
</a>
 
</div>
 
  
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Measurement">
 +
<div class="submenu_button"  id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Model">
 +
<div class="submenu_button"  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Plant">
 +
<div class="submenu_button"  id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2017.igem.org/Team:ETH_Zurich/Software">
 +
<div class="submenu_button"  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
 +
</div>
  
 
<a href="https://igem.org/2017_Judging_Form?team=ETH_Zurich">
 
<a href="https://igem.org/2017_Judging_Form?team=ETH_Zurich">
Line 702: Line 733:
  
  
 +
 
<div class="menu_bottom_padding" >
 
<div class="menu_bottom_padding" >
 
</div>  
 
</div>  
Line 711: Line 743:
  
 
</div>
 
</div>
 +
 +
  
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
 
<h1>ETH_Zurich</h1>
 
<h1>ETH_Zurich</h1>
</div>
 
 
<div class="igem_2017_footer_wrapper">
 
        <!--<h2>Follow us:</h2>-->
 
        <!-- We should add some thumbnail images and remove the text -->
 
        <a id="adress" href="https://www.bsse.ethz.ch/">Official site</a>
 
        <a id="mail" href="mailto:igem@ethz.ch">E-mail</a>
 
        <a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a>
 
        <a id="twitter" href="https://twitter.com/eth_igem">Twitter</a>
 
 
        <!--<h2>Meet us:</h2>-->
 
        <p>
 
            iGEM Team (lab 2.28)<br />
 
            Department of Biosystems Science and Engineering (D-BSSE)<br />
 
            Mattenstrasse s26<br />
 
            4058 Basel<br />
 
            Switzerland
 
        </p>
 
    </div>
 

Latest revision as of 23:28, 27 October 2017

ETH_Zurich