Difference between revisions of "Team:technion"

 
(48 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<meta charset="utf-8"/>
 
<meta charset="utf-8"/>
 
 
−
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Technion/CSS?action=raw&ctype=text/css" />
−
+
 
−
.abstract {
+
<!-------------------------------------------nav-style---------------------------------------------------------------------->
−
font-size: 130%;
+
<style type="text/css">
−
}
+
.nav_menu {
−
+
position: fixed;
−
#top_menu_14 {
+
        z-index: 999;
−
width: 100%;
+
left: 0;
 +
        top: 18px;
 +
width: 100%;
 +
margin: auto;
 +
font-family: MV Boli;
 +
font-size: 1.6em;
 +
background: rgba(0,0,0,0.8);
 +
height: 44px;
 
}
 
}
  
−
#top_menu_inside {
+
.nav_menu nav {
 
width: 100%;
 
width: 100%;
 +
/*-webkit-border-radius: 30px;
 +
-moz-border-radius: 30px;
 +
border-radius: 30px;*/
 +
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
 +
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
 +
box-shadow:        0px 2px 1px rgba(50, 50, 50, 0.75);
 
}
 
}
−
#top_menu_under {
+
 
−
width: 100%;
+
.main_buttons {
 +
width: 665px;
 +
height: 30px;
 +
margin: auto;
 +
margin-top: 10px;
 
}
 
}
−
#globalWrapper {
+
 
−
width: 100%;
+
.main_button {
−
float: none;
+
display: inline;
 +
/*border-style: solid;
 +
border-width: 0px;
 +
border-color: black;*/
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
border-radius: 2px;
 
}
 
}
−
#content {
+
 
−
width: 100%;
+
.main_links {
 +
overflow: hidden;
 +
display: -webkit-box;
 +
display: -webkit-flex;
 +
display: -ms-flexbox;
 +
display: flex;
 +
max-height: 0px;
 +
-webkit-transition: all 600ms ease;
 +
transition: all 600ms ease;
 
}
 
}
  
−
.main_menu, footer {
+
.main_links a {
−
width: 650px;
+
font-size: 0.7em;
−
margin: auto;
+
padding-right: 15px;
−
clear: both;
+
padding-left: 15px;
−
}
+
text-align: center;
−
+
text-decoration: none;
−
#igem_login {
+
color: black;
−
float: right;
+
border-radius: 5px;
−
color: white;
+
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
−
background:#7f7f7f;
+
}
−
background:rgba(0,0,0,0.2);
+
 
−
}
+
 
−
+
#project_Links, #project {
−
#igem_login:hover {
+
background: rgb(255, 184, 106);
−
color: blue;
+
}
−
}
+
 
−
+
#Lab_Notebook_Links, #Lab_Notebook {
−
#team_logo {
+
background: rgb(202, 174, 244);
−
width: 400px;
+
}
−
height: auto;
+
 
−
display: block;
+
#Human_Practices_Links, #Human_Practices {
−
margin: auto;
+
background: rgb(192, 163, 127);
−
}
+
}
−
+
 
−
.facebook_link {
+
#Judging_Criteria_Links, #Judging_Criteria {
−
margin-top: 5px;
+
background: rgb(173, 201, 219);
−
}
+
}
−
+
 
−
body {
+
#Team_Links, #Team {
−
font-family: sans-serif;
+
background: rgb(243, 225, 97);
−
background-image: url("https://static.igem.org/mediawiki/2015/1/1b/Team_Technion_Background_Hair.jpg");
+
}
−
}
+
 
−
+
.main_links a:hover {
−
.content {
+
color: red;
−
width: 700px;
+
}
−
margin: auto;
+
 
−
background:#7f7f7f;
+
#project_Links a:hover {
−
background:rgba(255,255,255,0.5);
+
background: rgb(255, 144, 66);
−
}
+
}
−
+
 
−
.abstract {
+
#Lab_Notebook_Links a:hover{
−
position: relative;
+
background: rgb(162, 110, 241);
−
text-align: left;
+
}
−
z-index: 1;
+
 
−
margin-left: 10px;
+
#Human_Practices_Links a:hover {
−
}
+
background: rgb(162, 124, 78);
−
+
}
−
.abstract_title {
+
 
−
position: relative;
+
#Judging_Criteria_Links a:hover {
−
text-align: center;
+
background: rgb(111, 172, 212);
−
z-index: 1;
+
}
−
}
+
 
−
+
#Team_Links a:hover {
−
+
background: rgb(247, 213, 11);
−
+
}
−
/*************************footer****************/
+
 
−
footer .team_name  {
+
.content {
−
text-align: center;
+
margin-top: 100px;
−
color: white;
+
}
−
}
+
</style>
−
+
<!-------------------------------------------nav-style-end------------------------------------------------------------------>
−
footer .connect_links {
+
−
width: 130px;
+
−
margin: auto;
+
−
}
+
−
+
−
footer {
+
−
background:#7f7f7f;
+
−
background:rgba(0,0,0,0.5);
+
−
width: 100%;
+
−
}
+
−
+
−
footer h3 {
+
−
margin-top: 0px;
+
−
margin-bottom: 0px;
+
−
}
+
−
+
−
.connect_links {
+
−
display: flex;
+
−
}
+
−
/*************************footer-end*************/
+
−
+
−
+
−
+
−
+
−
+
−
/************************************************************************************/
+
−
/***********************************Buttons******************************************/
+
−
/************************************************************************************/
+
−
+
−
/*************************one****************/
+
−
.button_main1 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main1:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main1:active,
+
−
.button_main1:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main1 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main1 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main1:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************one-end*************/
+
−
/*************************two****************/
+
−
.button_main2 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main2:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main2:active,
+
−
.button_main2:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main2 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main2 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main2:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************two-end*************/
+
−
/*************************three****************/
+
−
.button_main3 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main3:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main3:active,
+
−
.button_main3:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main3 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main3 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main3:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************three-end*************/
+
−
/*************************four****************/
+
−
.button_main4 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main4:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main4:active,
+
−
.button_main4:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main4 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main4 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main4:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************four-end*************/
+
−
/*************************five****************/
+
−
.button_main5 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main5:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main5:active,
+
−
.button_main5:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main5 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main5 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main5:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************five-end*************/
+
−
+
−
/************************************************************************************/
+
−
/***********************************Buttons-end**************************************/
+
−
/************************************************************************************/
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
/************************************************************************************/
+
−
/***********************************dropdown menu************************************/
+
−
/************************************************************************************/
+
−
+
−
.dropdown {
+
−
position: fixed;
+
−
top: 10px;
+
−
display: inline-block;
+
−
float: left;
+
−
z-index: 999;
+
−
}
+
−
.dropdown nav {
+
−
max-height: 0px;
+
−
overflow: hidden;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.dropdown nav a {
+
−
display: block;
+
−
}
+
−
.dropdown:hover nav {
+
−
max-height: 999px;
+
−
}
+
−
.dropdown a {
+
−
width: 155px;
+
−
display: inline-block;
+
−
background: #33f;
+
−
background:rgba(0,0,0,0.4);
+
−
color: #fff;
+
−
text-decoration: none;
+
−
text-align: center;
+
−
padding: 1em 2em;
+
−
font-family: sans-serif;
+
−
}
+
−
+
−
.dropdown a:hover {
+
−
background: #33f;
+
−
background:rgba(0,0,0,0.8);
+
−
}
+
−
/*************************one*****************************/
+
−
.sub1 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
max-height: 50px;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub1 a {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.4);
+
−
}
+
−
.main1 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main1 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main1:hover .sub1 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg1 {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub1 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.8);
+
−
}
+
−
/*************************one*****************************/
+
−
/*************************two*****************************/
+
−
.sub2 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub2 a {
+
−
background: #00a600;
+
−
background:rgba(0,166,0,0.4);
+
−
}
+
−
.main2 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main2 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main2:hover .sub2 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg2 {
+
−
background: #00a600;
+
−
background:rgba(0,166,0,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub2 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(0,166,0,0.8);
+
−
}
+
−
/*************************two*****************************/
+
−
/*************************three*****************************/
+
−
.sub3 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub3 a {
+
−
background: #ff1a1a;
+
−
background:rgba(255,26,26,0.4);
+
−
}
+
−
.main3 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main3 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main3:hover .sub3 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg3 {
+
−
background: #ff1a1a;
+
−
background:rgba(255,26,26,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub3 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(255,26,26,0.8);
+
−
}
+
−
/*************************three*****************************/
+
−
/*************************four*****************************/
+
−
.sub4 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub4 a {
+
−
background: #a600a6;
+
−
background:rgba(166,0,166,0.4);
+
−
}
+
−
.main4 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main4 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main4:hover .sub4 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg4 {
+
−
background: #a600a6;
+
−
background:rgba(166,0,166,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub4 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(166,0,166,0.8);
+
−
}
+
−
/*************************four*****************************/
+
−
/*************************five*****************************/
+
−
.sub5 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub5 a {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.4);
+
−
}
+
−
.main5 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main5 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main5:hover .sub5 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg5 {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub5 a:hover {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.8);
+
−
}
+
−
/*************************five*****************************/
+
−
+
−
/************************************************************************************/
+
−
/***********************************dropdown menu-end********************************/
+
−
/************************************************************************************/
+
−
</style>
+
 
 
−
<link rel="stylesheet" href="css/style.css"/>
 
 
<title>Team: Technion 2015</title>
 
<title>Team: Technion 2015</title>
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<header>
+
<!--<header>
−
<!--<a href="#" ID=igem_login>Log in</a>-->
+
 
 
 
<img src="https://static.igem.org/mediawiki/2015/f/fc/Team_Technion_Logo.png" alt="Team Logo" id="team_logo" />
 
<img src="https://static.igem.org/mediawiki/2015/f/fc/Team_Technion_Logo.png" alt="Team Logo" id="team_logo" />
Line 653: Line 163:
 
</nav>
 
</nav>
 
</div>
 
</div>
−
</header>
+
</header>-->
  
−
<!---------------------------------------dropdown menu----------------------------------->
+
<!---------------------------------------dropdown menu-----------------------------------
 
<div class="dropdown">
 
<div class="dropdown">
 
<a href="#">
 
<a href="#">
Line 666: Line 176:
 
<span class="btn-bg1"></span>
 
<span class="btn-bg1"></span>
 
<div class="sub1">
 
<div class="sub1">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Overview">Overview</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Bacillus">Bacillus</a>
−
<a href="#">sublink3</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/E_Coli">E.Coli</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/NADPH">NADPH</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Comb">Comb</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Modeling">Modeling</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 675: Line 188:
 
<span class="btn-bg2"></span>
 
<span class="btn-bg2"></span>
 
<div class="sub2">
 
<div class="sub2">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Overview">Overview</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols">Protocols</a>
−
<a href="#">sublink3</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 684: Line 196:
 
<span class="btn-bg3"></span>
 
<span class="btn-bg3"></span>
 
<div class="sub3">
 
<div class="sub3">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Parts">Parts</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Judging_Criteria/Achievements">Achievements</a>
−
<a href="#">sublink3</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Collaborations">Collaborations</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Design">Design</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Entrepreneurship">Entrepreneurship</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 693: Line 207:
 
<span class="btn-bg4"></span>
 
<span class="btn-bg4"></span>
 
<div class="sub4">
 
<div class="sub4">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/Education">Education</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/Publications">Publications</a>
−
<a href="#">sublink3</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 705: Line 218:
 
<a href="#">sublink2</a>
 
<a href="#">sublink2</a>
 
<a href="#">sublink3</a>
 
<a href="#">sublink3</a>
 +
<a href="#">sublink4</a>
 +
<a href="#">sublink5</a>
 +
<a href="#">sublink6</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</nav>
 
</nav>
 
</div>
 
</div>
−
<!---------------------------------------dropdown menu-end----------------------------------->
+
---------------------------------------dropdown menu-end----------------------------------->
 +
 
 +
 
 +
 
 +
<!-------------------------------------nav-bar---------------------------------------------->
 +
<div class="nav_menu">
 +
<div class="main_buttons">
 +
<div id="project" class="main_button">Project</div>
 +
<div id="Lab_Notebook" class="main_button">Lab&nbsp;Notebook</div>
 +
<div id="Human_Practices" class="main_button">Human&nbsp;Practices</div>
 +
<div id="Judging_Criteria" class="main_button">Judging&nbsp;Criteria</div>
 +
<div id="Team" class="main_button">Team</div>
 +
</div>
 +
<nav>
 +
<div id="Team_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/About_Us">About&nbsp;Us</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Attributions">Attributions</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/Sponsors">Sponsors</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/gallery">Gallery</a>
 +
</div>
 +
<div id="Judging_Criteria_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Parts">Parts</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Judging_Criteria/Achievements">Achievements</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Collaborations">Collaborations</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Design">Design</a>
 +
</div>
 +
<div id="Human_Practices_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Practices">Practices</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/safety">Safety</a>
 +
</div>
 +
<div id="Lab_Notebook_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Overview">Overview</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols">Protocols</a>
 +
</div>
 +
<div id="project_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Overview">Overview</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Bacillus">Bacillus</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/E_Coli">E.Coli</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/NADPH">NADPH</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Comb">Comb</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Modeling">Modeling</a>
 +
</div>
 +
</nav>
 +
</div>
 +
<!-------------------------------------nav-bar-end------------------------------------------>
  
 
<div class="content">
 
<div class="content">
−
<h1 class="abstract_title">Hello! Welcome to our temporary wiki page!</h1>
+
<h1 class="abstract_title">page title</h1>
 
<div class="abstract">
 
<div class="abstract">
 
<b>Our team is developing a treatment for male pattern baldness.</b>
 
<b>Our team is developing a treatment for male pattern baldness.</b>
Line 744: Line 304:
  
 
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
 
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Technion/Javascript?
 +
action=raw&ctype=text/javascript"></script>
  
−
 
+
<!-----------------------------------------------nav-bar-script---------------------------------------->
 
<script type="text/javascript">
 
<script type="text/javascript">
−
$(document).ready(function() {
+
$(document).ready(function() {
−
+
/************************reset parameters*********************************/
−
var resize_flag;
+
var p = $("#project").offset();
−
var scroll_flag;
+
$("#project_Links").css({"padding-left": (p.left-0)});
−
+
−
if( $(window).width() < 1000)
+
p = $("#Lab_Notebook").offset();
−
{
+
$("#Lab_Notebook_Links").css({"padding-left": (p.left-0)});
−
resize_flag = 0;
+
−
}
+
p = $("#Human_Practices").offset();
−
else
+
$("#Human_Practices_Links").css({"padding-left": (p.left-0)});
−
{
+
−
resize_flag = 1;
+
p = $("#Judging_Criteria").offset();
−
}
+
if (($(window).width())*1.5 >= screen.width)  
−
+
{
−
if (window.scrollY >= 450)
+
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
−
{
+
}
−
scroll_flag = 1;
+
else
−
}
+
{
−
else
+
p = $("#project").offset();
−
{
+
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
−
scroll_flag = 0;
+
}
−
}
+
−
+
p = $("#Team").offset();
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
if (($(window).width())*1 >= screen.width)  
−
{
+
{
−
$(".dropdown").show();
+
$("#Team_Links").css({"padding-left": (p.left-0)});
−
}
+
}
−
else
+
else
−
{
+
{
−
$(".dropdown").hide();
+
p = $("#project").offset();
−
}
+
$("#Team_Links").css({"padding-left": (p.left-0)});
−
+
}
−
+
/************************reset parameters-end*****************************/
−
+
−
window.onresize=function() {
+
/************************reset parameters on resize***********************/
−
if( $(window).width() < 1000)
+
$(window).resize(function() {
−
{
+
var p = $("#project").offset();
−
resize_flag = 0;
+
$("#project_Links").css({"padding-left": (p.left-0)});
−
}
+
−
else
+
p = $("#Lab_Notebook").offset();
−
{
+
$("#Lab_Notebook_Links").css({"padding-left": (p.left-0)});
−
resize_flag = 1;
+
−
}
+
p = $("#Human_Practices").offset();
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
$("#Human_Practices_Links").css({"padding-left": (p.left-0)});
−
{
+
−
$(".dropdown").show();
+
p = $("#Judging_Criteria").offset();
−
}
+
if (($(window).width())*1.3 >= screen.width)
−
else
+
{
−
{
+
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
−
$(".dropdown").hide();
+
}
−
}
+
else
−
}
+
{
−
+
p = $("#project").offset();
−
window.onscroll=function() {
+
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
−
if (window.scrollY >= 450)
+
}
−
{
+
−
scroll_flag = 1;
+
p = $("#Team").offset();
−
}
+
if (($(window).width())*1 >= screen.width)  
−
else
+
{
−
{
+
$("#Team_Links").css({"padding-left": (p.left-0)});
−
scroll_flag = 0;
+
}
−
}
+
else
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
{
−
{
+
p = $("#project").offset();
−
$(".dropdown").show();
+
$("#Team_Links").css({"padding-left": (p.left-0)});
−
}
+
}
−
else
+
});
−
{
+
/************************reset parameters on resize-end*******************/
−
$(".dropdown").hide();
+
−
}
+
/************************on hover events for main buttons*****************/
−
}
+
$("#project, #project_Links a").hover(function() {
−
});
+
$("#project_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#project_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Lab_Notebook, #Lab_Notebook_Links a").hover(function() {
 +
$("#Lab_Notebook_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Lab_Notebook_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Human_Practices, #Human_Practices_Links a").hover(function() {
 +
$("#Human_Practices_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Human_Practices_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Judging_Criteria, #Judging_Criteria_Links a").hover(function() {
 +
$("#Judging_Criteria_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Judging_Criteria_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Team, #Team_Links a").hover(function() {
 +
$("#Team_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Team_Links").css({"max-height": "0px"});
 +
});
 +
/************************on hover events for main buttons-end*************/
 +
 
 +
});
 
</script>
 
</script>
 +
<!-----------------------------------------------nav-bar-script-end------------------------------------>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:04, 10 September 2015

Team: Technion 2015

Project
Lab Notebook
Human Practices
Judging Criteria
Team

page title

Our team is developing a treatment for male pattern baldness.

Hair loss affects roughly 61 million people in the United States. More than 95% of hair thinning in men is attributed to male pattern baldness, or androgenetic alopecia. The hair loss product market is a multi-billion dollar market: in the United States alone, this market’s annual revenue is 7 billion dollars, with 3.5% annual growth rate from 2007 to 2012, yet a sufficient solution has yet to be made available. The trigger for androgenetic alopecia is believed to be dihydrotestosterone (DHT), a derivative of testosterone. This summer, we are engineering Bacillus Subtilis, a model organism for a bacterium found naturally on the scalp, to secrete 3α-hydroxysteroid dehydrogenase (3-α-HSD). This enzyme reduces DHT to a non-steroidically active compound, using NADPH and NADH as cofactors.

Our project consists of 3 main parts: 3-α-HSD secretion by the bacterium, engineered bacterium for NADPH overproduction, and a comb as a tool to create a user-friendly experience. By synchronizing these parts, we hope to be able to show convincing evidence of DHT breakdown, providing a promising platform for treatment of male pattern baldness!

Contact Us