Difference between revisions of "Template:ETH Zurich"

(Revert to original.)
 
(56 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;
Line 156: Line 148:
 
font-size: 12px;  
 
font-size: 12px;  
 
font-weight: bold;  
 
font-weight: bold;  
color: #ffffff;  
+
color: #5e5f5f;  
 
cursor: pointer;
 
cursor: pointer;
 
}
 
}
Line 189: 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 196: 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 209: 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 232: 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 285: 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 292: 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 475: 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 496: 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 592: 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 615: 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 660: 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 694: Line 733:
  
  
 +
 
<div class="menu_bottom_padding" >
 
<div class="menu_bottom_padding" >
 
</div>  
 
</div>  
Line 703: 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 class="footer">
 
<h2>Our sponsors:</h2>
 
<a class="sponsor" href="https://www.ethz.ch">
 
    <img
 
    alt="ETH Zurich"
 
    src="https://2017.igem.org/wiki/images/5/5d/T--ETH_Zurich--ETHZ_logo.png"
 
    >
 
</a>
 
<a class="sponsor" href="https://www.bsse.ethz.ch/">
 
    <img
 
    alt="Department of Biosystems Science and Engineering"
 
    src="https://2017.igem.org/wiki/images/e/e2/T--ETH_Zurich--DBSSE_logo.png"
 
    >
 
</a>
 
<a class="sponsor" href="https://www.geneious.com/">
 
    <img
 
    alt="Geneious"
 
    src="https://2017.igem.org/wiki/images/b/b0/T--ETH_Zurich--Geneious_logo.png"
 
    >
 
</a>
 
<a class="sponsor" href="https://www.genscript.com">
 
    <img
 
    alt="Geneious"
 
    src="https://2017.igem.org/wiki/images/6/67/T--ETH_Zurich--Genscript_logo.png"
 
    >
 
</a>
 
<a class="sponsor" href="http://www.sisf.info/">
 
    <img
 
    alt="Swiss Industry Science Fund"
 
    src="https://2017.igem.org/wiki/images/6/6c/T--ETH_Zurich--SISF_wide.png"
 
    >
 
</a>
 
<a class="sponsor" href="https://www.kispi.uzh.ch">
 
    <img
 
    alt="University Children's hospital Zurich"
 
    src="https://2017.igem.org/wiki/images/9/93/T--ETH_Zurich--Childrens_Hospital_Zurich_logo.jpg"
 
    >
 
</a>
 
<a class="sponsor" href="https://srvweb.microsynth.ch/">
 
    <img
 
    alt="Microsynth AG"
 
    src="https://2017.igem.org/wiki/images/c/c9/T--ETH_Zurich--Microsynth_logo.png"
 
    >
 
</a>
 
 
<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>
 
<address>
 
iGEM Team (lab 2.28)<br/>
 
Department of Biosystems Science and Engineering (D-BSSE)<br/>
 
Mattenstrasse 26<br/>
 
4058 Basel<br/>
 
Switzerland
 
</address>
 
</div>
 

Latest revision as of 23:28, 27 October 2017

ETH_Zurich