Team:Gothenburg-Sweden/test

From 2010.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Chalmers University of Technology</title>
<title>Chalmers University of Technology</title>
-
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/wiki/js/jquery.js"></script>
 
<style type="text/css">
<style type="text/css">
-
/*to be modified */
+
/* wiki modificiations start */
 +
#contentSub {
 +
display:none;
 +
}
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 
-
#content { background-color: #fff; border: none; padding: 0; margin: 0; width: 100%;}
 
-
#bodyContent { border: none; padding:0; margin:0; width:100%; }
 
-
 
-
#p-logo { height:0px; overflow:hidden; display: none; padding:0; margin:0;}
 
-
#search-controls { display:none;}
 
-
.left-menu {width: 400px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.left-menu ul { border: none;}
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
 
-
.right-menu ul { border: none;}
 
-
#footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
#footer { border: none;  margin: 0; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#f-list a { color: #333; font-size: 10px;}
 
-
#f-list a:hover { color: #666;}
 
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
-
/* Wiki Hacks - END */
 
-
#top-section { height: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 0px; padding:0; border:1px solid #4C92BF;  background:url(http://2010.igem.org/wiki/images/6/6f/GoTop.png);}
 
 +
#siteSub {
 +
display:none;padding:-200px;margin:0;
 +
}
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 
-
#content{border:none; width: 977px;  padding:0; margin-left: 143px;}
+
.firstHeading {
 +
display:none;padding:0;margin:0;
 +
}
 +
#search-controls {
 +
padding-top:10px;
 +
}
-
/*to be modified */
 
 +
form {
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
h2 {background:transparent; text-decoration:none;  }
 +
#globalWrapper { background-color: transparent; border: none; margin-bottom: 0px; padding: 0;}
 +
#content { background-color: transparent; border: none; padding: 0; margin-bottom: 0px; width: 100%;}
 +
#bodyContent { border: none; padding:0; margin-bottom:0px; width:100%;}
 +
#top-section { background-color: transparent; height: 20px; margin-top: -30px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 0; padding:0; border: none; }
 +
#p-logo {  display: none;}
 +
#search-controls { display:none;}
-
#Title2{
+
#menubar.left-menu {width: 400px;  display:block; float:left; margin-top:-50px; border: none;}
-
    font-family: verdana;
+
#menubar.left-menu ul { border: none;}
-
    font-weight:550;
+
#menubar.left-menu a{color:#5698b0;}
-
    color: #00456e;
+
#menubar.left-menu a:hover{color:#e6f6fb;}
-
    font-size: 14px;
+
#menubar.left-menu a:selected{color:#e6f6fb;}
-
    height: 36px;
+
 
-
    width: 580px;
+
#menubar.right-menu {  width:300px; display:block; float:left; margin-top:-50px; border: none;}
-
    padding-top: 10px;
+
#menubar.right-menu ul {  border: none;}
-
    text-indent:30px;
+
#menubar.right-menu a{color:#5698b0;}
-
    background: url(http://2010.igem.org/wiki/images/6/64/Title_center.png);
+
#menubar.right-menu a:hover{color:#e6f6fb;}
-
    background-repeat:no-repeat;
+
 
-
    background-position: top;
+
 
-
}
+
/* wiki modifications end/
 +
 
 +
 
 +
 
 +
 
 +
/*to be modified */
 +
body {background:url(http://2010.igem.org/wiki/images/8/8e/Shadow.png) repeat-y top center;
 +
  padding: 0 0 0 0;
 +
 
 +
    }
a{
a{
     font-family: Arial, Helvetica, sans-serif;
     font-family: Arial, Helvetica, sans-serif;
Line 63: Line 72:
     color: #06639e;
     color: #06639e;
     text-decoration:none;
     text-decoration:none;
 +
    padding:0;
 +
    margin:0;
}
}
-
p {
 
-
font-size:12px;
 
-
}
 
-
 
-
 
-
p2{font-size:11px;
 
-
color:#07374E;
 
-
 
-
}
 
a:hover{
a:hover{
 +
padding:0;margin:0;
     text-decoration: underline;
     text-decoration: underline;
     color: #000066;
     color: #000066;
 +
}
}
 +
a:visited{color:#06639E;}
a:visited{color:#06639E;}
Line 89: Line 94:
-
.numleft{
+
#all{
-
    background: url(http://2010.igem.org/wiki/images/0/0a/Numbg.png);
+
  padding:0;
-
    background-repeat: no-repeat;
+
  margin:0;
-
    background-position: left top;
+
  padding-left:10%;
-
    float:left;
+
  background: url(http://2010.igem.org/wiki/images/3/3a/Bg.png) top center repeat-y;
-
    width: 37px;
+
}  
-
    min-height: 37px;
+
-
    font-family: Arial,Helvetica,sans-serif;
+
-
 
+
-
    font-weight: bold;
+
-
    color: #ffffff;
+
-
    text-align: center;
+
-
    margin: 0px 8px 0px 8px;
+
-
}
+
-
.numleft p{
+
#header{
-
    padding-top: 2px;
+
  height: 290px;
-
    font-size: 16px;
+
  background:url(http://2010.igem.org/wiki/images/5/50/BannerGo.png) no-repeat;
-
}
+
  margin-left:15px;
 +
 +
}  
 +
#search {height: 30px;}
 +
#myContent{
 +
margin-top: 0px;
-
.newsright{
 
-
    padding-left: 53px;
 
-
    padding-right: 10px;
 
-
 
}
}
-
#right .read a{
 
-
    color: #06639e;
 
-
    font-weight:normal;
 
-
    font-style: italic;
 
-
    font-size: 12px;
 
-
    text-decoration:none;
 
-
    border-bottom: 1px #06639e;
 
-
    margin-right: 10px;
 
-
}
 
-
#right .read a:hover{border-bottom: 1px dotted #06639e;}
+
/* left layer starts */
-
#right{
+
-
    width:180px;
+
-
    padding-right: 10px;
+
-
    float:right;
+
-
}
+
-
 
+
-
#right h2 {
+
-
    font-family: Comic Sans;
+
-
    font-weight:600;
+
-
    color: #ffffff;
+
-
    font-size: 16px;
+
-
    text-align:center;
+
-
    height: 30px;
+
-
    padding-top: 9px;
+
-
    background: url(http://2010.igem.org/wiki/images/6/60/Title_left.png);
+
-
    background-repeat:no-repeat;
+
-
    background-position:top left;
+
-
}
+
#left{
#left{
-
     width:140px;
+
     width:138px;
-
     padding-left:10px;
+
     padding-left:45px;
     float: left;
     float: left;
-
 
 
}
}
-
.left_grad{
+
.Title1 {
-
    background:  #fff;
+
-
    background-position: top left;
+
-
    padding-top: 0px;
+
-
}
+
-
 
+
-
.Title3 {
+
     font-family: Comic Sans;
     font-family: Comic Sans;
     font-weight:600;
     font-weight:600;
Line 169: Line 133:
     height: 30px;
     height: 30px;
     padding-top: 7px;
     padding-top: 7px;
-
     background: #fff url(http://2010.igem.org/wiki/images/0/02/Title_right.png);
+
    margin-top:7px;
 +
     background: url(http://2010.igem.org/wiki/images/a/aa/CatTitle.png);
     background-repeat:no-repeat;
     background-repeat:no-repeat;
     background-position:top left;
     background-position:top left;
}
}
-
 
+
.left_grad{
-
.Title1 {
+
      
-
     font-family: Comic Sans;
+
     background-position: top left;
-
     font-weight:600;
+
     padding-top: 0px;
-
    color: #fff;
+
     margin-top: 0px;
-
    font-size: 16px;
+
-
    text-align:center;
+
-
    width:100%;
+
-
    height: 30px;
+
-
     padding-top: 7px;
+
-
     margin-top: 10px;
+
-
    background: #fff url(http://2010.igem.org/wiki/images/0/02/Title_right.png);
+
-
    background-repeat:no-repeat;
+
-
    background-position:top left;
+
}
}
.categories{
.categories{
 +
   
 +
    background: url(http://2010.igem.org/wiki/images/1/10/CatCon.png) top repeat-y;
     min-height:100px;
     min-height:100px;
-
     border: 1px solid #0485B0;
+
     border: 1px solid #0485B0;
}
}
 +
#news {
 +
  padding-top:0px;
 +
  background: url(http://2010.igem.org/wiki/images/1/10/CatCon.png) left top repeat-y;
 +
  min-height:100px;
 +
  border: 1px dotted #0485B0; 
 +
 +
}
 +
#news p{
 +
    color:#07374E;
 +
    font-weight:normal;
 +
    font-size: 11px;
 +
text-align:left;
 +
    text-decoration:none;
 +
   
 +
    padding: 10px 5px 0px 15px;
 +
 +
   
 +
display:block;
 +
}
 +
 +
#news a:hover {
 +
border-bottom: 1px dotted #06639e;
 +
}
.categories a{
.categories a{
Line 202: Line 183:
     text-decoration: none;
     text-decoration: none;
     text-align:left;
     text-align:left;
-
     padding: 1px 0 1px 20px;
+
     padding: 4px 0px 4px 20px;
-
     font-size:11px;
+
     font-size:12px;
-
     background-color: #fff;
+
     padding-top:5px;
     display:block;
     display:block;
    
    
Line 210: Line 191:
.categories a:hover{
.categories a:hover{
-
    text-decoration:none;
+
  text-decoration:none;
-
    color: #fff;
+
-
    background-color: #0485B0;
+
-
}
+
-
 
+
  font-size:12px;
-
li {list-style:none; }
+
  font-weight:700;
-
#footer
+
  color: #fff;
-
{
+
  background:url(http://2010.igem.org/wiki/images/4/47/CatAhover.png);
-
    height: 60px;
+
-
    font-size: 10px;
+
-
    color: #00456e;
+
-
    padding-top: 10px;
+
-
    padding-left:0;
+
-
    text-align: center;
+
-
    clear:both;
+
-
    background-position:bottom;
+
-
    background-repeat: no-repeat;
+
-
    background-image: url(http://2010.igem.org/wiki/images/e/e0/Footer.png);  
+
}
}
-
#footer p{
+
/* left layer ends */
-
    color: #00456e;
+
-
    font-size: 10px;
+
-
    font-weight: normal;
+
-
    text-decoration: none;
+
-
    padding-left:0px;
+
-
    padding-top:20px;
+
-
    padding-bottom:0px;
+
-
}
+
-
#footer a{
 
-
  color: #00456e;
 
-
    font-size: 10px;
 
-
    font-weight: normal;
 
-
    text-decoration: none;
 
-
  padding-left: 0px;
 
-
  padding-bottom: 0px;
 
-
  margin-top:0px;
 
-
text-decoration:none;
 
-
}
 
-
#footer a:hover{
+
/* center layer starts */
-
  text-decoration: underline;
+
-
}
+
-
#accordion {
+
#center{
-
list-style: none;
+
    width: 600px;
-
padding: 50px 0 0 0;
+
     padding-left: 20px;
-
width: 170px;
+
    float: left;
-
}
+
-
#accordion li{
+
-
     font-family:Calibri, "Comic Sans MS";
+
-
display: block;
+
-
color:#ffffff;
+
-
background: #64ABD9;
+
-
font-weight: bold;
+
-
margin: 1px;
+
-
cursor: pointer;
+
-
      height: 25px;
 
-
list-style: circle;
 
-
-moz-border-radius: 10px;
 
-
-webkit-border-radius: 10px;
 
-
border-radius: 5px;
 
}
}
-
#accordion ul {
+
#center p{
-
      list-style-type:none;
+
    padding-left:0px;
-
+
    padding-right:0px;
-
padding: 0 0 0 0;
+
     padding-bottom: 10px;
-
display:none;
+
-
}
+
-
#accordion ul li{
+
-
     font-weight:400;
+
-
font-size:12px;
+
-
height:20px;
+
-
       
+
-
cursor: auto;
+
-
color:#00456e;
+
-
background: url(http://2010.igem.org/wiki/images/b/b6/Menu1.gif);
+
-
padding: 0 0 0 20px;
+
-
padding: 5 0 0 30px;
+
-
}
+
-
#accordion a {
+
-
text-decoration: none;
+
-
        color:#00456e;
+
-
      display:block;
+
}
}
-
#accordion a:hover {
 
-
text-decoration: underline;
+
    /* menu starts */
-
}
+
-
#accordion a:visited {
+
-
color:#00456e;
+
-
}
+
 +
     
 +
        #Title2{
 +
 
 +
          height: 40px;
 +
          width: 600px;
 +
       
 +
          background: url(http://2010.igem.org/wiki/images/5/50/Title_center1.png);
 +
          background-repeat:no-repeat;
 +
          background-position: center;
 +
          }
-
#center{
+
#sddm
-
    width: 560px;
+
{
-
    padding-left: 20px;
+
 
-
     float: left;
+
  padding-left:62px;
-
+
  padding-top: 0px;
 +
}
 +
 +
#sddm li
 +
{     
 +
list-style: none;
 +
float:left;
 +
text-align:center;
 +
}
 +
 +
 +
#sddm li a
 +
 +
{ display: block;
 +
padding: 0px 0px;
 +
width: 96px;
 +
height:33px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size:  15px;
 +
font-family: Rockwell;
 +
font-weight:normal;
 +
padding-top:10px;
 +
                       
 +
}
 +
#active {
 +
           
 +
}
 +
#active a{
 +
 
 +
background: url(http://2010.igem.org/wiki/images/0/0c/MActive2.png) top center repeat-y;
 +
        color:#FFFFFF;
 +
font:  13px arial !important;
 +
font-weight:600 !important;
 +
}
 +
#sddm li a:hover
 +
{ background: url(http://2010.igem.org/wiki/images/0/0c/MActive2.png) top center repeat-y;
 +
color:#fff;
 +
font:  13px arial;
 +
font-weight:600;
 +
}
 +
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin-top: -5px;
 +
                     
 +
padding: 0px;
 +
background: #fff ;
 +
border: 1px solid #9CD2ED ;
 +
}
 +
 +
 +
#sddm div a
 +
{ position: relative;
 +
height:16px;
 +
display: block;
 +
margin: 0px;
 +
padding: 4px 20px;
 +
                                padding-top:auto;
 +
                                padding-bottom:auto;
 +
width:auto;
 +
min-width: 100px;
 +
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
 +
text-align: left;
 +
text-decoration: none;
 +
background: transparent;
 +
color: #2e6d95;
 +
font-size: 11px ;
 +
border:none;
 +
 +
}
 +
 +
#sddm div a:hover
 +
{ background: #61b5da  url(http://2010.igem.org/wiki/images/9/9d/MArrow.png) no-repeat;
 +
 +
color: #FFF;
 +
text-decoration:none;
 +
font:  11px arial;
 +
font-weight:500;
 +
}
 +
 +
/* menu ends */
 +
 +
#text{
 +
     text-align:left;
 +
width:100%;
 +
margin: 0px 10px 10px 20px;
 +
    background: #fff ;
}
}
 +
#text p
 +
{
 +
  padding: 10px 10px 10px 25px;
 +
  font-family: "Times New Roman";
 +
  font-size:13px;
 +
  line-height:19px;
 +
}
 +
 +
.logo{
 +
float:left;
 +
padding: 10px 20px 10px 20px;
 +
}
-
#text{
 
-
    padding-left: 10px;
 
-
    padding-right:10px;
 
-
    background: #fff url(http://2010.igem.org/wiki/images/d/da/Text_bg.png);
 
-
    background-position: bottom;
 
-
    background-repeat: repeat-x;
 
-
    min-height: 64px;
 
-
}
 
#text p{color: #07374E;}
#text p{color: #07374E;}
Line 328: Line 344:
     text-align: right;
     text-align: right;
     padding-bottom:5px;
     padding-bottom:5px;
-
    padding-right: 5px;
+
  /* padding-right: 5px;*/
}
}
-
#center .read{
+
#myTitle{
-
     height: 26px;
+
     font-family: Arial, Helvetica, sans-serif;
-
    padding-top: 3px;
+
-
    background: url(images/read.png);
+
-
    background-repeat: no-repeat;
+
-
    background-position: top;
+
-
}
+
-
 
+
-
#center .read a{
+
-
    color: #ffffff;
+
     font-weight:normal;
     font-weight:normal;
-
     font-style: italic;
+
     color: #00456e;
-
     font-size: 12px;
+
     font-size: 16px;
-
     padding-right: 15px;
+
    height: 36px;
-
     text-decoration:none;
+
   
-
 
+
    padding-top: 10px;
 +
     padding-right:-200px;
 +
    margin-left: 20px;
 +
     text-align:center;
 +
    background: url(http://2010.igem.org/wiki/images/6/64/Title_center.png) left top;
 +
    background-repeat:no-repeat;
 +
 
}
}
-
#contentSub {
+
#team {
-
display:none;
+
padding: 20px 10px 20px 30px;
-
padding:0;margin:0;
+
-
}
+
-
#siteSub {
 
-
display:none;padding:0;margin:0;
 
}
}
 +
/* center ends */
-
.firstHeading {
+
/* right starts */
-
display:none;padding:0;margin:0;
+
-
}
+
-
#search-controls {
+
#right{
-
padding-top:10px;
+
    width:160px;
 +
    padding-left: 20px;
 +
    /*padding-right: 135px;*/
 +
    float:left;
}
}
-
#footer-box {
+
#right .read a{
-
display:none;
+
   
-
}
+
    color: #06639e;
-
body {
+
    font-weight:normal;
-
margin: 0px;
+
    font-style: italic;
-
        padding-top:-80px;
+
    font-size: 12px;
-
padding-left: 0px;
+
    text-decoration:none;
-
background: #9DCEEE url(http://2010.igem.org/wiki/images/8/8f/Bg_shadow.png) repeat-y ;
+
    border-bottom: 1px #06639e;
-
        background-position:center;
+
    padding-right:10px;
}
}
-
form {
+
#right .read a:hover{border-bottom: 1px dotted #06639e;}
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
 +
#lab{
 +
 +
padding-top:0px;
 +
background: url(http://2010.igem.org/wiki/images/1/10/CatCon.png) top left repeat-y;
 +
min-height:100px;
 +
/*margin-left:30px;*/
 +
border: 1px dotted #0485B0;
 +
}
 +
.numleft{
 +
background: url(http://2010.igem.org/wiki/images/2/22/Numbg1.png);
 +
background-repeat: no-repeat;
 +
background-position: left top;
 +
float:right;
 +
width: 37px;
 +
min-height: 37px;
 +
font-family: Arial,Helvetica,sans-serif;
 +
 +
font-weight: bold;
 +
color: #ffffff;
 +
text-align: center;
 +
margin: 25px 8px 0px 8px;
 +
}
 +
 +
 +
.numleft p{
 +
padding-top: 2px;
 +
                          padding-left: 1px;
 +
font-size: 16px;
 +
 +
}
 +
 +
 +
.newsright{
 +
    text-align:left;
 +
margin: 10px 50px 0 10px;
 +
}
 +
 +
.newsright p{
 +
font-size:11px;
 +
            color:#07374E;
 +
            margin-top:7px;
 +
 +
}
 +
.Title3 {
 +
    font-family: Comic Sans;
 +
    font-weight:600;
 +
    color: #fff;
 +
    font-size: 16px;
 +
    text-align:center;
 +
    width:100%;
 +
    height: 30px;
 +
    padding-top: 7px;
 +
    margin-top:7px;
 +
margin-left:0px;
 +
    background: url(http://2010.igem.org/wiki/images/c/cf/CatTitle1.png) ;
 +
    background-repeat:no-repeat;
 +
    background-position:top left;
 +
}
 +
/* right ends */
-
#header{ background:#9DCEEE url(http://2010.igem.org/wiki/images/5/59/HeaderGo2.jpg);
 
-
  height: 270px;
 
-
 
 
-
  padding-top:0px;
 
-
 
 
-
}
 
 +
/* footer starts */
 +
#myfooter
 +
{
 +
    height: 60px;
 +
    font-size: 10px;
 +
    color: #00456e;
 +
    padding-right:180px; 
 +
   
 +
    clear:both;
 +
}
 +
#myfooter p{
 +
    color: #fff;
 +
    font-size: 10px;
 +
    font-weight: normal;
 +
    text-decoration: none;
 +
padding-top:0px;
 +
    padding-left:0px; 
 +
bottom:0px;
 +
}
-
</style>
+
#myfooter a{
-
<style type="text/css">
+
  color: #fff;
-
#sddm
+
    font-size: 11px;
-
{
+
    font-weight: normal;
-
      padding-left:320px;
+
    text-decoration: none;
-
      padding-top: 240px;
+
  padding-left: 0px;
-
}
+
  margin-top:0px;
 +
  bottom:0;
 +
 
 +
}
-
#sddm li
+
#myfooter a:hover{
-
{    
+
  text-decoration: underline;
-
list-style: none;
+
}
-
float:left;
+
-
}
+
-
#sddm li a
+
/* footer ends */
-
{ display: block;
 
-
margin: 0 1px 0 0;
 
-
padding: 2px 0px;
 
-
width: 91px;
 
-
background: url(http://2010.igem.org/wiki/images/b/b6/Menu1.gif);
 
-
color: #0485B0;
 
-
text-align: center;
 
-
text-decoration: none;
 
-
font:  12px arial;
 
-
font-weight:500;
 
-
border:1px solid #0485B0;
 
-
}
 
-
#sddm li a:hover
 
-
{ background: url(http://2010.igem.org/wiki/images/c/cd/Menu2.gif);
 
-
    text-decoration:underline;
 
-
}
 
 +
</style>
-
#sddm div
 
-
{ position: absolute;
 
-
visibility: hidden;
 
-
margin: 0;
 
-
padding: 0;
 
-
background: #ECF1F9;
 
-
    border: 1px solid #9CD2ED ;
 
-
}
 
-
#sddm div a
 
-
{ position: relative;
 
-
          height:16;
 
-
display: block;
 
-
margin: 0;
 
-
padding: 4px 20px;
 
-
                width:auto;
 
-
                min-width: 100px;
 
-
font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
 
-
text-align: left;
 
-
text-decoration: none;
 
-
background: transparent;
 
-
color: #0485B0;
 
-
font-size: 11px ;
 
-
border:none;
 
-
 
-
}
 
-
 
-
#sddm div a:hover
 
-
{ background: #0485B0  url(../../../../lev1_arrow1.gif) no-repeat;
 
-
color: #FFF;
 
-
text-decoration:none;}
 
-
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
// Copyright 2006-2007 javascript-array.com
// Copyright 2006-2007 javascript-array.com
Line 516: Line 551:
</head>
</head>
-
 
+
<body>
-
 
+
<div id="all">
-
 
+
<div id="search"></div>
   <div id="header">
   <div id="header">
-
<ul id="sddm">
 
-
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden">Home</a></li>
 
-
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Project"
 
-
        onmouseover="mopen('m1')"
 
-
        onmouseout="mclosetime()"  >Project</a>
 
-
        <div id="m1"
 
-
            onmouseover="mcancelclosetime()"
 
-
            onmouseout="mclosetime()">
 
-
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Project">Description</a>
 
-
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note">Lab Notes</a>
 
-
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Results">Results</a>
 
-
        </div>
 
-
    </li>
 
-
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us"
 
-
        onmouseover="mopen('m2')"
 
-
        onmouseout="mclosetime()">Team</a>
 
-
        <div id="m2"
 
-
            onmouseover="mcancelclosetime()"
 
-
            onmouseout="mclosetime()">
 
-
<a href="#">Chalmers University of Technology</a>
 
-
        <a href="#">Supervisors</a>
 
-
        <a href="#">Students</a>
 
-
        </div>
 
-
    </li>
 
-
 
 
-
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Sponsors">Sponsors</a></li>
 
-
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Contact">Contact Us</a></li>
 
-
</ul>
 
-
<div style="clear:both"></div>
 
     
     
-
  </div>
 
-
 
-
<div id="right">
 
-
                <div class="Title3">Lab Notes</div>
 
-
                         
 
-
                                <div class="left_grad">
 
-
                                      <div class="lab">
 
-
                                        <div class="numleft">
 
-
                                          <p>11</p>
 
-
                                          </div>
 
-
                                          <div class="newsright"><a href="#">August 11, 2010</a>
 
-
                                          <p> <p2>The PCR reaction from yesterday was checked on a gel. α should be ... </p2></p>
 
-
                                          </div>
 
-
                                          <div class="read"><a href="#">read more</a></div>
 
-
                                          <div style="clear: both"></div>
 
-
                                     
 
-
                                 
 
-
                                        <div class="numleft"><p>10</p></div>
 
-
                                        <div class="newsright"><a href="#">August 10, 2010</a>
 
-
                                          <p> <p2>The transformation plates were checked but nothing had grown. Prepared PCR reaction Γ ...  </p2></p>
 
-
                                        </div>
 
-
                                        <div class="read"><a href="#">read more</a></div>
 
-
                                        <div class="list_border"></div>
 
-
                               
 
-
                                      </div>
 
-
</div>
 
   </div>
   </div>
-
+
 +
<div id="myContent" align="center">
 +
 +
 
     <div id="left">
     <div id="left">
                            
                            
Line 588: Line 571:
                                   <div class="categories">
                                   <div class="categories">
                                        
                                        
-
                                           <a href="#">Introduction</a>
+
                                           <a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us#intro">Introduction</a>
-
                                           <a href="#">CHALMERS</a></li>
+
                                           <a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us#cth">CHALMERS</a></li>
-
                                           <a href="#">Supervisors</a></li>
+
                                           <a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us#svs">Supervisors</a></li>
-
                                           <a href="#">Students</a>
+
                                           <a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us#sts">Students</a>
          
          
  </div>
  </div>
-
                                </div>   
+
      </div>   
                                 <div class="list_border"></div>   
                                 <div class="list_border"></div>   
                          
                          
Line 600: Line 583:
                              
                              
                                 <div class="left_grad">
                                 <div class="left_grad">
-
                                   <div class="categories"
+
                                   <div class="categories">
-
                                        <ul>
+
                                   
-
                                             <li><a href="#">What's all about?</a></li>
+
                                             <a href="#">What's all about?</a>
-
                                             <li><a href="#">Theoretical Background</a></li>
+
                                             <a href="#">Background</a>
-
                                             <li><a href="#">Fusion Protein Design</a></li>
+
                                             <a href="#">Protein Fusion</a>
-
                                             <li><a href="#">Experimental Methods</a></li>
+
                                             <a href="#">Methods</a>
-
                                             <li><a href="#">Preliminary Results</a></li>
+
                                             <a href="#">Preliminary Results</a>
-
                                         </ul>
+
                                          
-
                                    </div>
+
                                  </div>
                                  
                                  
                                 </div>
                                 </div>
                             <div class="list_border"></div>
                             <div class="list_border"></div>
-
<ul id="accordion">
 
-
<li>FUSS</li>
 
-
<ul>
 
-
<li><a href="#">Aim</a></li>
 
-
<li><a href="#">Theoretical Background</a></li>
 
-
<li><a href="#">Methods</a></li>
 
-
<li><a href="#">Techniques</a></li>
 
-
</ul>
 
-
<li>Team</li>
 
-
<ul>
 
-
<li><a href="#">Supervisors</a></li>
 
-
<li><a href="#">Students</a></li>
 
-
</ul>
 
-
<li>Laboratory</li>
 
-
<ul>
 
-
<li><a href="#">Notes</a></li>
 
-
<li><a href="#">Results</a></li>
 
-
<li><a href="#">Discussion</a></li>
 
-
</ul>
 
-
</ul>
 
<SCRIPT language=javascript>
<SCRIPT language=javascript>
$("#accordion > li").click(function(){
$("#accordion > li").click(function(){
Line 650: Line 613:
<div id="center">
<div id="center">
-
<div id="Title2">CONTACT US </div>
+
<div id="Title2"><ul id="sddm">
-
<div id="text"><p>Please do not hesitate to contact us if you have any questions or suggestions regarding our project.  
+
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden">Home</a></li>
-
We are available at: igem_goteborg_2010@googlegroups.com</p> </div></div>
+
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Project"
 +
        onmouseover="mopen('m1')"
 +
        onmouseout="mclosetime()"  >Project</a>
 +
        <div id="m1"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Project">Description</a>
 +
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Lab_Note">Lab Notes</a>
 +
        <a href="http://2010.igem.org/Team:Gothenburg-Sweden/Results">Results</a>
 +
        </div>
 +
    </li>
 +
 +
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us"
 +
        onmouseover="mopen('m2')"
 +
        onmouseout="mclosetime()">Team</a>
 +
        <div id="m2"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
<a href="#">Chalmers University of Technology</a>
 +
        <a href="#">Supervisors</a>
 +
        <a href="#">Students</a>
 +
        </div>
 +
    </li>
 +
 
 +
    <li><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Sponsors">Sponsors</a></li>
 +
    <li id="active"><a href="http://2010.igem.org/Team:Gothenburg-Sweden/Contact">Contact Us</a></li>
 +
</ul>
 +
<div style="clear:both"></div></div>
 +
<div id="text">
 +
</br>
 +
 +
                        <div class="logo"> <img src="http://2010.igem.org/wiki/images/a/a5/Chalmers_c_logo.jpg" width="133" height="152" align="left"></div>
 +
                   
 +
                              <p>
 +
                                <strong>CHALMERS UNIVERSITY OF TECHNOLOGY, GOTHENBURG</strong></p>
 +
                       
 +
                              <p>We are a team of 8 students from Chalmers University of Technology    who will represent Gothenburg, SWEDEN in this year’s iGEM competition.    We have started with a promising idea that combines cutting edge    technologies available in the field of Synthetic Biology. Our research    basically aims to constructing an optical reporter mechanism for    cellular stress by tagging the stress activated SNF1 complex in yeast    with fluorescent markers.<br>
 +
                                  <br>
 +
                              The project is performed with two main experimental  pathways: Both  experimental setups will utilize FRET to visualize the  conformational  change that is the result SNF1 activation. The first  approach consists  of fusing fluorescent two proteins, EYFP and ECFP,  with the SNF1  complex. The principal is that when the protein is  activated it  undergoes a conformational change and this should be  indicated by a  change in the FRET-signal. The second approach utilizes  a SAMS-peptide  with fluorescent proteins fused to each end. The  SAMS-peptide will be  phosphorylated by the active SNF1-complex and  undergo a conformational  change that again will be indicated by the  FRET-signal.<br>
 +
  <br>
 +
                                The long term ambition of this project it is to use the  results in  the pharmaceutical industry when performing high-throughput  screening  for new substances or finding the correct drug  concentrations to use.  The yeast cells with the modified SNF1-complex  can be moved through a  micro-fluidic system, gradually exposing them  to an array of substances  or a concentration gradient thereby easily  finding at which  concentration or by what substance the cells are  stressed. <br>
 +
  <br>
 +
                              As of present we have purified the plasmid backbones that  will be  used together with fusion protein insert to transfect the  yeast cells.  The fusion protein primers has arrived and we will start  working with  the fusion PCR as of this week. We have completed the 3D  models of the  fusion proteins and the results look very promising, we  will soon be  able to present docking predictions with the complex.<br>
 +
  <br>  
 +
<div id="myTitle">Introduction </div>
 +
                             
 +
                       
 +
                       
 +
                            <p><a href="http://2010.igem.org/Team:Gothenburg-Sweden/About_us"><img src="http://2010.igem.org/wiki/images/1/1a/Team-gbg.jpg" alt="" align="left" width="174" height="132" style="margin:0 20px 0 0"/> </a><p><span class="style9"><strong>Who we are?</strong> <br/>
 +
                            Left to right: Per Sunnerhagen, Markus Wilhelmsson, Malin Lindén, Karl Almén Burman, Adnan Kadic, Katarina Risö, Peidi Liu, Goutham Vemuri, Lokeshwaran Manoharan, Kemal Sanli, Julia Fransson </span><br /><br />
 +
                            </p>
 +
                            <p>&nbsp;</p>
 +
                            <p><strong>What we are doing? </strong><br>
 +
                            Synthetic readout of cellular stress</p>
 +
                            <p >The cellular stress is sensed  by a key protein called  AMP-activated  protein kinase (AMPK). The AMPK protein  complex is  conserved among all  eukaryotes, including yeast, plants and humans. </p>
 +
                       
 +
                 
 +
                </div> </div>
 +
 +
 +
 +
<div id="right">
 +
                <div class="Title3">Lab Notes</div>
 +
                         
 +
                             
 +
                                      <div id="lab">
 +
                                        <div class="numleft">
 +
                                          <p>11</p>
 +
                                        </div>
 +
                                          <div class="newsright"><a href="#">August 11, 2010</a>
 +
                                          <p> The PCR reaction from yesterday was checked on a gel. α should be ... </p>
 +
                                          </div>
 +
 
 +
                                          <div class="read"><a href="#">read more</a></div>
 +
                                          <div style="clear: both"></div>
 +
                                   
 +
           
 +
                               
 +
    </div>   
 +
  <div class="Title3">News</div>
 +
                              <div id="news">
 +
                                    <p>Göteborgs-Posten, a major daily newspaper in Sweden with the second largest national circulation, published an article involving the interview with our team...
 +
                                    <br><br> </p>
 +
<div class="read"><a href="#">read more</a></div>
 +
                                          <div style="clear: both"></div>
 +
                                </div>
 +
                     
 +
 
 +
 +
</div>
 +
 +
  <div id="myfooter">  <p>  <a href="#">Home</a> | <a href="#">CTH</a> | <a href="#">Sponsors</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a></p> <p>Chalmers University of Technology, Gothenburg, SWEDEN</p>
-
<div id="footer">
+
              </div>
-
                      <a href="#">Home</a> | <a href="#">CTH</a> | <a href="#">Sponsors</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a>  
+
</div></div>  
-
                    </div>
+
</body>
-
 
+
</html>
</html>

Latest revision as of 12:15, 1 October 2010

Chalmers University of Technology

Team
FUSS

CHALMERS UNIVERSITY OF TECHNOLOGY, GOTHENBURG

We are a team of 8 students from Chalmers University of Technology who will represent Gothenburg, SWEDEN in this year’s iGEM competition. We have started with a promising idea that combines cutting edge technologies available in the field of Synthetic Biology. Our research basically aims to constructing an optical reporter mechanism for cellular stress by tagging the stress activated SNF1 complex in yeast with fluorescent markers.

The project is performed with two main experimental pathways: Both experimental setups will utilize FRET to visualize the conformational change that is the result SNF1 activation. The first approach consists of fusing fluorescent two proteins, EYFP and ECFP, with the SNF1 complex. The principal is that when the protein is activated it undergoes a conformational change and this should be indicated by a change in the FRET-signal. The second approach utilizes a SAMS-peptide with fluorescent proteins fused to each end. The SAMS-peptide will be phosphorylated by the active SNF1-complex and undergo a conformational change that again will be indicated by the FRET-signal.

The long term ambition of this project it is to use the results in the pharmaceutical industry when performing high-throughput screening for new substances or finding the correct drug concentrations to use. The yeast cells with the modified SNF1-complex can be moved through a micro-fluidic system, gradually exposing them to an array of substances or a concentration gradient thereby easily finding at which concentration or by what substance the cells are stressed.

As of present we have purified the plasmid backbones that will be used together with fusion protein insert to transfect the yeast cells. The fusion protein primers has arrived and we will start working with the fusion PCR as of this week. We have completed the 3D models of the fusion proteins and the results look very promising, we will soon be able to present docking predictions with the complex.

Introduction

Who we are?
Left to right: Per Sunnerhagen, Markus Wilhelmsson, Malin Lindén, Karl Almén Burman, Adnan Kadic, Katarina Risö, Peidi Liu, Goutham Vemuri, Lokeshwaran Manoharan, Kemal Sanli, Julia Fransson


 

What we are doing?
Synthetic readout of cellular stress

The cellular stress is sensed by a key protein called AMP-activated protein kinase (AMPK). The AMPK protein complex is conserved among all eukaryotes, including yeast, plants and humans.

Home | CTH | Sponsors | About Us | Contact Us

Chalmers University of Technology, Gothenburg, SWEDEN