|
|
| (41 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{CSS/Team:Glasgow/Draft1}} |
| | + | |
| | <html> | | <html> |
| | <title>Bubble Test Page</title> | | <title>Bubble Test Page</title> |
| | <head><style type="text/css"> | | <head><style type="text/css"> |
| | | | |
| - | /* Removing iGEM header stuff */
| |
| | | | |
| - | body, html, #globalWrapper, #content {
| |
| - | background: transparent;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: 0 none transparent;
| |
| - | font-size: 1em;
| |
| - | width: auto;
| |
| - | border-top: 1px solid transparent;
| |
| - | margin-top: -1px;
| |
| - | }
| |
| | | | |
| - | body {
| |
| - | width: auto;
| |
| - | margin: 0 auto;
| |
| - | position: relative;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | border: 0 none transparent;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: auto;
| |
| - | height: 1.5em;
| |
| - | margin-bottom: -1.5em;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #top-section:hover #menubar * {
| |
| - | color: blue !important;
| |
| - | }
| |
| - |
| |
| - | #top-section:hover #menubar.left-menu {
| |
| - | background: rgba(255, 255, 255, 0.75) !important;
| |
| - | }
| |
| - | #search-controls{
| |
| - | height: 0px;
| |
| - | display: none !important;
| |
| - | }
| |
| - |
| |
| - | #content>p:first-child {
| |
| - | margin: 0;
| |
| - | height: 0;
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .toc {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | .editsection {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}
| |
| - |
| |
| - |
| |
| - | /*** To here ***/
| |
| - |
| |
| - |
| |
| - | #linksbar {position:absolute;
| |
| - | left:500px;
| |
| - | font-size:20px;
| |
| - | padding: 5px;
| |
| - | background-color:transparent;}
| |
| - |
| |
| - | .menuitems {border-right: 2px solid black;
| |
| - | padding:5px;
| |
| - | background-color:transparent;}
| |
| - |
| |
| - | #igemlogo {width:30px;
| |
| - | position:absolute;
| |
| - | top:30px;
| |
| - | left:1200px;}
| |
| - |
| |
| - | .menulinks:link {text-decoration:none;
| |
| - | color:Black;}
| |
| - | .menulinks:visited {text-decoration:none;
| |
| - | color:Black}
| |
| - | .menulinks:hover {text-decoration:none;
| |
| - | color:red;}
| |
| - |
| |
| - | body {background:url("https://static.igem.org/mediawiki/2014/thumb/5/54/GU_newbubblebackground.jpg/800px-GU_newbubblebackground.jpg") no-repeat center center fixed;
| |
| - | -webkit-background-size: cover;
| |
| - | -moz-background-size: cover;
| |
| - | -o-background-size: cover;
| |
| - | background-size: cover;;
| |
| - | }
| |
| | | | |
| | /*Makes increase/decrease in size smooth*/ | | /*Makes increase/decrease in size smooth*/ |
| Line 104: |
Line 18: |
| | } | | } |
| | | | |
| | + | #bubbles {background:none; |
| | + | } |
| | + | |
| | + | #bubbletable {background:none; |
| | + | } |
| | | | |
| - | #bubbleproject { | + | #bubbleproject {width:200px; |
| - | display:block;
| + | height:200px; |
| - | margin-left:auto;
| + | |
| - | margin-right:auto;
| + | |
| - | margin-top:400px;
| + | |
| | | | |
| | } | | } |
| | | | |
| - | | + | |
| - |
| + | #bubbleteam {width:200px; |
| - | #bubbleteam {positioning:absolute: | + | height:200px; |
| - | top:400px;
| + | } |
| - | left:20%;}
| + | |
| | | | |
| - | #bubblemodelling {positioning:absolute: | + | #bubblemodelling {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | left:30%;}
| + | } |
| | | | |
| - | #bubblehumanpractices {positioning:absolute: | + | #bubblehumanpractices {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | right:20%;}
| + | } |
| | | | |
| - | #bubbleparts {positioning:absolute: | + | #bubbleparts {width:200px; |
| - | top:400px;
| + | height:200px; |
| - | lright:30%;}
| + | } |
| | | | |
| - | #projectdes {margin-left:20%; | + | #projectdes {text-align:center; |
| - | margin-right:20%; | + | margin-left:15%; |
| - | margin-top:15%; | + | margin-right:15%; |
| | + | margin-top:5px; |
| | border: solid 3px black; | | border: solid 3px black; |
| | padding:20px; | | padding:20px; |
| | border-radius:20px; | | border-radius:20px; |
| - | background-color:#66FFFF; | + | background-color:#FFFFFF; |
| | + | |
| | + | .description {font-family:"Calibri"; |
| | + | color: #0000CC; |
| | + | text-align:center;} |
| | } | | } |
| | | | |
| - | | + | |
| - |
| + | |
| | </style></head> | | </style></head> |
| | | | |
| | | | |
| | <body> | | <body> |
| | + | <br> |
| | + | <div id="bubbles"> |
| | | | |
| - | <!-- menubar (left) | + | <table id="bubbletable" align="center"> |
| | | | |
| - | <div id="menubar" class='left-menu noprint'> | + | <tr> |
| - | <ul>
| + | < td align= "center"><a href=" https:// 2014.igem.org/ Team:Glasgow/Parts" > |
| - | <li
| + | <img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/> |
| - | class= 'selected' ><a href="/ Requirements">Page </ a></ li> | + | </a></td> |
| - | <li
| + | <td></td> |
| - | class='new' ><a href="/wiki/index.php?title=Talk:Requirements&action=edit&redlink=1">Discussion </a></li>
| + | <td align="center"><a href=" https:// 2014. igem.org/ Team:Glasgow/ Project" > |
| - | <li
| + | <img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/d/d4/GU_projectbubble.png"/> |
| - | ><a href="/ wiki/ index. php?title=Requirements&action=edit">Edit </ a></ li> | + | </a></td> |
| - | <li
| + | <td></td> |
| - | ><a href="/wiki/index.php?title=Requirements&action=history">History </a></li>
| + | <td align="center"><a href=" https://2014.igem.org/ Team: Glasgow/ Human_Practices" > |
| - | <li
| + | <img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/> |
| - | ><a href="/ Special: MovePage/ Requirements" >Move </a></li> | + | </a></td> |
| - | <li
| + | |
| - | ><a href="/wiki/index.php?title=Requirements&action=watch">Watch </a></li>
| + | |
| - | </ul>
| + | |
| - | </div> end menubar (left) -->
| + | |
| | | | |
| | + | </tr> |
| | | | |
| | | | |
| | + | <tr> |
| | + | <td></td> |
| | + | <td align="center"><a href="https://2014.igem.org/Team:Glasgow/Modeling_Intro" > |
| | + | <img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/> |
| | + | </a></td> |
| | + | <td></td> |
| | + | <td align="center"><a href="https://2014.igem.org/Team:Glasgow/Team" > |
| | + | <img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/> |
| | + | </a></td> |
| | + | <td></td> |
| | + | </tr> |
| | | | |
| - |
| |
| - | <div>
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/c0/GU_mainheader.png"/>
| |
| - |
| |
| - |
| |
| - | <table id="linksbar">
| |
| - | <tr> <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow" class="menulinks">Home </a> </td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Team" class="menulinks"> Team </a> </td>
| |
| - | <td class="menuitems"><a href="https://igem.org/Team.cgi?year=2014&team_name=Glasgow" target="_blank" class="menulinks"> Team Profile </a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Project" class="menulinks"> Project</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Parts" class="menulinks"> BioBricks</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Modeling" class="menulinks"> Modelling</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" class="menulinks">Weekly Report</a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Safety" class="menulinks"> Safety </a></td>
| |
| - | <td class="menuitems"><a href="https://2014.igem.org/Team:Glasgow/Human_Practices" class="menulinks">Human Practices</a></td>
| |
| - | <td> <a href="https://2014.igem.org/Team:Glasgow/Attributions" class="menulinks"> Sponsors and Attributions </a></td>
| |
| - |
| |
| - |
| |
| - | </tr>
| |
| | </table> | | </table> |
| | | | |
| - | <a href="https://2014.igem.org/Main_Page" target="_blank" id="igemlogo"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="150px"/></a>
| |
| | </div> | | </div> |
| - |
| |
| | <div id="projectdes"> | | <div id="projectdes"> |
| | <p align ="center"> | | <p align ="center"> |
| | | | |
| - | Glasgow's 2014 iGEM project involves the creation of a new and hopefully very useful tool for synthetic biologists. With the aid of a genetic switch we will create a system that, in the presence of a given stimulus, will switch between one gene and another – a change that will persist in subsequent generations unless reversed.
| + | <h2 color="#0000CC" class="description"> This year, we're switching on the power and potential of <em>E.coli</e></h2> |
| - | The switch is thus an integral part of the project. It is a site specific recombinase switch (φC31 integrase) isolated from the Streptomyces phage φC31. It flips a section of DNA, and a promoter, in order to turn off the expression of one gene section in favour of another.
| + | <h2 class="description"> Click a bubble to find out more...</h2> |
| - | | + | |
| - | <br> | + | |
| - | <br> | + | |
| - | | + | |
| - | What are we controlling? Something we saw a lot of potential uses for were Gas Vesicles – gas filled structures used by cyano/halo bacteria to regulate their density and float up to more desirable conditions. These will be the genes being turned ON. The genes we will be switching off are crucial flagella genes, such as motA and fliC. In this way, we will switch the behaviour of the bacteria from a random run and tumble mode to a simple upwards floatation. In this way, the bacteria and anything they produce or pick up will be easily removed from the surface of the medium.
| + | |
| - | | + | |
| | </p> | | </p> |
| | | | |
| | </div> | | </div> |
| | | | |
| - | | + | <a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Edit</a> |
| - | <div id="bubbles">
| + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Project" class="center">
| + | |
| - | <img id="bubbleproject" src="https://static.igem.org/mediawiki/2014/1/1d/GU_projectbubble_big.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Parts" >
| + | |
| - | <img id="bubbleparts" src="https://static.igem.org/mediawiki/2014/7/70/GU_biobrickbubble.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Modeling" >
| + | |
| - | <img id="bubblemodelling" src="https://static.igem.org/mediawiki/2014/4/47/GU_modellingbubble.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | <!--<a href="https://2014.igem.org/Team:Glasgow/Weekly_Report" >
| + | |
| - | <img id="bubblereport" src="https://static.igem.org/mediawiki/2014/3/3c/GU_reportbubble.png"/>
| + | |
| - | </a>-->
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Team" >
| + | |
| - | <img id="bubbleteam" src="https://static.igem.org/mediawiki/2014/e/e3/GU_teambubble.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | | + | |
| - | <a href="https://2014.igem.org/Team:Glasgow/Human_Practices" >
| + | |
| - | <img id="bubblehumanpractices" src="https://static.igem.org/mediawiki/2014/3/3c/GU_humanpracticesbubble.png"/>
| + | |
| - | </a>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | <a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click to edit this page</a> | + | |
| - | | + | |
| - | | + | |
| - | <br><br><br><br><br><br>
| + | |
| - | <br><br><br><br><br><br>
| + | |
| - | <br><br><br><br><br><br>
| + | |
| | | | |
| | | | |
"
