Team:Manchester/main.html

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
          
          
         <style type="text/css">
         <style type="text/css">
-
           #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
           #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, #top-section {
           display:none;}
           display:none;}
           #top-section {
           #top-section {
Line 20: Line 20:
             border-bottom: none; }
             border-bottom: none; }
           img {
           img {
-
    border: none;
+
padding: 0px;  
-
    vertical-align: none;}
+
margin-right: 120px;
 +
margin-bottom: none;
 +
float: right;}
 +
#content { background: #d0d0d0;}
 +
 +
a:hover {
 +
    text-decoration: none;}
 +
 +
.right-menu li a {
 +
    padding: inherit;
 +
    color: white;
 +
    background-color: #606060;
 +
}
 +
 +
@import url('normalize.css');
 +
 +
/* General Layout Style of the wiki */
 +
body{
 +
/*font-family: Cambria, Georgia, serif;*/
 +
/*font-family: 'PT Sans Narrow', Arial, sans-serif;*/
 +
font-family: 'Roboto', serif;
 +
font-size:12px;
 +
/*background: #f9f9f9 url(../images/bg.jpg);*/
 +
/*background: #f0e6fa;*/
 +
background: #d0d0d0;
 +
/*font-weight: 300;*/
 +
/*font-size: 15px;*/
 +
color: #333;
 +
-webkit-font-smoothing: antialiased;
 +
overflow-y: scroll;
 +
overflow-x: hidden;
 +
width:100%;
 +
}
 +
 +
a{
 +
color: #ff9900;
 +
text-decoration: none;
 +
}
 +
 +
 +
/* Container for the web page */
 +
.container{
 +
width: 100%;
 +
/*position: relative;*/
 +
}
 +
 +
 +
.clr{
 +
clear: both;
 +
padding: 0;
 +
height: 0;
 +
margin: 0;
 +
}
 +
.main{
 +
width: 90%;
 +
margin: 0 auto;
 +
position: relative;
 +
}
 +
.container > header{
 +
margin: 0px;
 +
/*position: relative;*/
 +
display: block;
 +
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
 +
    text-align: center;
 +
}
 +
.container > header h1{
 +
font-size: 32px;
 +
line-height: 32px;
 +
margin: 0;
 +
position: relative;
 +
font-weight: 300;
 +
color: #777;
 +
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/
 +
}
 +
.container > header h2{
 +
font-size: 100px;
 +
font-weight: 300;
 +
font-style: italic;
 +
margin: 0;
 +
padding: 15px 0 5px 0;
 +
color: #888;
 +
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.9);*/
 +
}
 +
 +
 +
 +
/* Login bar Style */
 +
.login-bar{
 +
position: fixed;
 +
top:0%;
 +
width: 100%;
 +
line-height: 20px;
 +
font-size: 11px;
 +
/*background: #fff;*/
 +
background: rgba(224, 204, 245, 1);
 +
text-transform: uppercase;
 +
z-index: 9999;
 +
box-shadow: 0px 4px 7px rgba(0,0,0,0.25);
 +
padding: 0px 15px;
 +
}
 +
.login-bar a{
 +
padding: 0px 10px;
 +
letter-spacing: 0px;
 +
color: #333;
 +
display: inline-block;
 +
float: left;
 +
}
 +
.login-bar a:hover{
 +
background: rgba(150, 150, 150,0.15);
 +
}
 +
.login-bar span.right{
 +
float: right;
 +
}
 +
.login-bar span.right a{
 +
float: left;
 +
display: block;
 +
}
 +
 +
 +
/* Le logos */
 +
.logos {
 +
overflow: hidden;
 +
padding: 0px 10px;
 +
}
 +
 +
.uni-logo {
 +
position: relative;
 +
}
 +
 +
.mib-logo {
 +
margin-left: -10px;
 +
position: relative;
 +
}
 +
.igem-logo {
 +
height: 100px;
 +
width: 110px;
 +
position: relative;
 +
-webkit-transition: all 0.5s ease;
 +
-moz-transition: all 0.5s ease;
 +
-o-transition: all 0.5s ease;
 +
}
 +
 +
.igem-logo:hover {
 +
height: 120px;
 +
width: 130px;
 +
position:relative;
 +
}
 +
 +
.support-note span{
 +
color: #ac375d;
 +
font-size: 16px;
 +
display: none;
 +
font-weight: bold;
 +
text-align: center;
 +
padding: 5px 0;
 +
}
 +
.no-cssanimations .support-note span.no-cssanimations,
 +
.no-csstransforms .support-note span.no-csstransforms,
 +
.no-csstransforms3d .support-note span.no-csstransforms3d,
 +
.no-csstransitions .support-note span.no-csstransitions{
 +
display: block;
 +
}
 +
 +
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
 +
 +
/* =============================================================================
 +
  HTML5 display definitions
 +
  ========================================================================== */
 +
 +
/*
 +
* Corrects block display not defined in IE6/7/8/9 & FF3
 +
*/
 +
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
nav,
 +
section,
 +
summary {
 +
    display: block;
 +
}
 +
 +
/*
 +
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
 +
*/
 +
 +
audio,
 +
canvas,
 +
video {
 +
    display: inline-block;
 +
    *display: inline;
 +
    *zoom: 1;
 +
}
 +
 +
/*
 +
* Prevents modern browsers from displaying 'audio' without controls
 +
* Remove excess height in iOS5 devices
 +
*/
 +
 +
audio:not([controls]) {
 +
    display: none;
 +
    height: 0;
 +
}
 +
 +
/*
 +
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 +
* Known issue: no IE6 support
 +
*/
 +
 +
[hidden] {
 +
    display: none;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Base
 +
  ========================================================================== */
 +
 +
/*
 +
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 +
*    http://clagnut.com/blog/348/#c790
 +
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 +
*    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 +
*/
 +
 +
html {
 +
    font-size: 100%; /* 1 */
 +
    -webkit-text-size-adjust: 100%; /* 2 */
 +
    -ms-text-size-adjust: 100%; /* 2 */
 +
}
 +
 +
/*
 +
* Addresses font-family inconsistency between 'textarea' and other form elements.
 +
*/
 +
 +
html,
 +
button,
 +
input,
 +
select,
 +
textarea {
 +
    font-family: 'Roboto', sans-serif;
 +
}
 +
 +
/*
 +
* Addresses margins handled incorrectly in IE6/7
 +
*/
 +
 +
body {
 +
    margin: 0;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Links
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses outline displayed oddly in Chrome
 +
*/
 +
 +
a:focus {
 +
    outline: thin dotted;
 +
}
 +
 +
/*
 +
* Improves readability when focused and also mouse hovered in all browsers
 +
* people.opera.com/patrickl/experiments/keyboard/test
 +
*/
 +
 +
a:hover,
 +
a:active {
 +
    outline: 0;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Typography
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses font sizes and margins set differently in IE6/7
 +
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 +
*/
 +
 +
h1 {
 +
    font-size: 3em;
 +
    margin: 0.67em 0;
 +
}
 +
 +
h2 {
 +
    font-size: 2em;
 +
    margin: 0.83em 0;
 +
}
 +
 +
h3 {
 +
    font-size: 1.2em;
 +
    margin: 1em 0;
 +
}
 +
 +
h4 {
 +
    font-size: 1em;
 +
    margin: 1.33em 0;
 +
}
 +
 +
h5 {
 +
    font-size: 0.83em;
 +
    margin: 1.67em 0;
 +
}
 +
 +
h6 {
 +
    font-size: 0.75em;
 +
    margin: 2.33em 0;
 +
}
 +
 +
/*
 +
* Addresses styling not present in IE7/8/9, S5, Chrome
 +
*/
 +
 +
abbr[title] {
 +
    border-bottom: 1px dotted;
 +
}
 +
 +
/*
 +
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 +
*/
 +
 +
b,
 +
strong {
 +
    font-weight: bold;
 +
}
 +
 +
blockquote {
 +
    margin: 1em 40px;
 +
}
 +
 +
/*
 +
* Addresses styling not present in S5, Chrome
 +
*/
 +
 +
dfn {
 +
    font-style: italic;
 +
}
 +
 +
/*
 +
* Addresses styling not present in IE6/7/8/9
 +
*/
 +
 +
mark {
 +
    background: #ff0;
 +
    color: #000;
 +
}
 +
 +
/*
 +
* Addresses margins set differently in IE6/7
 +
*/
 +
 +
p,
 +
pre {
 +
    margin: 1em 0;
 +
}
 +
 +
/*
 +
* Corrects font family set oddly in IE6, S4/5, Chrome
 +
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
 +
*/
 +
 +
pre,
 +
code,
 +
kbd,
 +
samp {
 +
    font-family: monospace, serif;
 +
    _font-family: 'courier new', monospace;
 +
    font-size: 1em;
 +
}
 +
 +
/*
 +
* Improves readability of pre-formatted text in all browsers
 +
*/
 +
 +
pre {
 +
    white-space: pre;
 +
    white-space: pre-wrap;
 +
    word-wrap: break-word;
 +
}
 +
 +
/*
 +
* 1. Addresses CSS quotes not supported in IE6/7
 +
* 2. Addresses quote property not supported in S4
 +
*/
 +
 +
/* 1 */
 +
 +
q {
 +
    quotes: none;
 +
}
 +
 +
/* 2 */
 +
 +
q:before,
 +
q:after {
 +
    content: '';
 +
    content: none;
 +
}
 +
 +
small {
 +
    font-size: 75%;
 +
}
 +
 +
/*
 +
* Prevents sub and sup affecting line-height in all browsers
 +
* gist.github.com/413930
 +
*/
 +
 +
sub,
 +
sup {
 +
    font-size: 75%;
 +
    line-height: 0;
 +
    position: relative;
 +
    vertical-align: baseline;
 +
}
 +
 +
sup {
 +
    top: -0.5em;
 +
}
 +
 +
sub {
 +
    bottom: -0.25em;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Lists
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses margins set differently in IE6/7
 +
*/
 +
 +
dl,
 +
menu,
 +
ol,
 +
ul {
 +
    margin: 1em 0;
 +
}
 +
 +
dd {
 +
    margin: 0 0 0 40px;
 +
}
 +
 +
/*
 +
* Addresses paddings set differently in IE6/7
 +
*/
 +
 +
menu,
 +
ol,
 +
ul {
 +
    padding: 0 0 0 40px;
 +
}
 +
 +
/*
 +
* Corrects list images handled incorrectly in IE7
 +
*/
 +
 +
nav ul,
 +
nav ol {
 +
    list-style: none;
 +
    list-style-image: none;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Embedded content
 +
  ========================================================================== */
 +
 +
/*
 +
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 +
* 2. Improves image quality when scaled in IE7
 +
*    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 +
*/
 +
 +
img {
 +
    border: 0; /* 1 */
 +
    -ms-interpolation-mode: bicubic; /* 2 */
 +
}
 +
 +
/*
 +
* Corrects overflow displayed oddly in IE9
 +
*/
 +
 +
svg:not(:root) {
 +
    overflow: hidden;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Figures
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses margin not present in IE6/7/8/9, S5, O11
 +
*/
 +
 +
figure {
 +
    margin: 0;
 +
-webkit-margin-before: 0;
 +
-webkit-margin-after: 0;
 +
-webkit-margin-start: 0;
 +
-webkit-margin-end: 0;
 +
}
 +
 +
 +
/* =============================================================================
 +
  Forms
 +
  ========================================================================== */
 +
 +
/*
 +
* Corrects margin displayed oddly in IE6/7
 +
*/
 +
 +
form {
 +
    margin: 0;
 +
}
 +
 +
/*
 +
* Define consistent border, margin, and padding
 +
*/
 +
 +
fieldset {
 +
    border: 1px solid #c0c0c0;
 +
    margin: 0 2px;
 +
    padding: 0.35em 0.625em 0.75em;
 +
}
 +
 +
/*
 +
* 1. Corrects color not being inherited in IE6/7/8/9
 +
* 2. Corrects text not wrapping in FF3
 +
* 3. Corrects alignment displayed oddly in IE6/7
 +
*/
 +
 +
legend {
 +
    border: 0; /* 1 */
 +
    padding: 0;
 +
    white-space: normal; /* 2 */
 +
    *margin-left: -7px; /* 3 */
 +
}
 +
 +
/*
 +
* 1. Corrects font size not being inherited in all browsers
 +
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 +
* 3. Improves appearance and consistency in all browsers
 +
*/
 +
 +
button,
 +
input,
 +
select,
 +
textarea {
 +
    font-size: 100%; /* 1 */
 +
    margin: 0; /* 2 */
 +
    vertical-align: baseline; /* 3 */
 +
    *vertical-align: middle; /* 3 */
 +
}
 +
 +
/*
 +
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 +
*/
 +
 +
button,
 +
input {
 +
    line-height: normal; /* 1 */
 +
}
 +
 +
/*
 +
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
 +
* 2. Corrects inability to style clickable 'input' types in iOS
 +
* 3. Removes inner spacing in IE7 without affecting normal text inputs
 +
*    Known issue: inner spacing remains in IE6
 +
*/
 +
 +
button,
 +
input[type="button"],
 +
input[type="reset"],
 +
input[type="submit"] {
 +
    cursor: pointer; /* 1 */
 +
    -webkit-appearance: button; /* 2 */
 +
    *overflow: visible;  /* 3 */
 +
}
 +
 +
/*
 +
* Re-set default cursor for disabled elements
 +
*/
 +
 +
button[disabled],
 +
input[disabled] {
 +
    cursor: default;
 +
}
 +
 +
/*
 +
* 1. Addresses box sizing set to content-box in IE8/9
 +
* 2. Removes excess padding in IE8/9
 +
* 3. Removes excess padding in IE7
 +
      Known issue: excess padding remains in IE6
 +
*/
 +
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
    box-sizing: border-box; /* 1 */
 +
    padding: 0; /* 2 */
 +
    *height: 13px; /* 3 */
 +
    *width: 13px; /* 3 */
 +
}
 +
 +
/*
 +
* 1. Addresses appearance set to searchfield in S5, Chrome
 +
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 +
*/
 +
 +
input[type="search"] {
 +
    -webkit-appearance: textfield; /* 1 */
 +
    -moz-box-sizing: content-box;
 +
    -webkit-box-sizing: content-box; /* 2 */
 +
    box-sizing: content-box;
 +
}
 +
 +
/*
 +
* Removes inner padding and search cancel button in S5, Chrome on OS X
 +
*/
 +
 +
input[type="search"]::-webkit-search-decoration,
 +
input[type="search"]::-webkit-search-cancel-button {
 +
    -webkit-appearance: none;
 +
}
 +
 +
/*
 +
* Removes inner padding and border in FF3+
 +
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 +
*/
 +
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
    border: 0;
 +
    padding: 0;
 +
}
 +
 +
/*
 +
* 1. Removes default vertical scrollbar in IE6/7/8/9
 +
* 2. Improves readability and alignment in all browsers
 +
*/
 +
 +
textarea {
 +
    overflow: auto; /* 1 */
 +
    vertical-align: top; /* 2 */
 +
}
 +
 +
 +
/* =============================================================================
 +
  Tables
 +
  ========================================================================== */
 +
 +
/*
 +
* Remove most spacing between table cells
 +
*/
 +
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
 +
/* Addition */
 +
/* Apply a natural box layout model to all elements */
 +
/* Read this post by Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
 +
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
         </style>
         </style>

Revision as of 22:33, 13 August 2014

Wiki Coming Soon

University of Manchester

Meet The Team

Project Overview

Battling against obesity

Wiki coming soon...

Close the dialog

Get Beta Access

Enter the code here to gain access to the current version of the wiki

Project Overview

Overall Aims:

To engineer the commensal E. coli, Nissle 1917 to absorb large volumes of glucose (and galactose).
This will enable the bacteria to function like a sugar sponge in the intestines sequestering sugar
and preventing it from being absorbed.
We will look at this in respects to a treatment for obesity and reducing calorific intake.

Biobricks used:

osmY (full sequence) Part:BBa_J45992:

  • Full length sequence of the osmY stationary phase promoter.
    This promoter recruits RNAP with the sigmas haloenzyme which is expressed mainly during periods of low growth or starvation.
    It is also slightly activated by the sigma 70 exponential phase RNAP as well.
  • We will use this to control expression of our mutant CRP so it is only expressed once the cells are fully grown and not during the growth of the Nissle.

New Biobricks:

CRP (cAMP reactive protein/peptide also known as CAP (cAMP activating protein/peptide)).

  • WT CRP will be used mainly as a control to compare to the effects of the mutant CRP.
    CRP can only bind DNA when it is activated by binding to cAMP. cAMP levels are controlled by adenylate cyclase which itself is controlled by enzyme IIa part of the glucose uptake system in E. coli.


T127I/S128I Mutant CRP

  • This mutant version of CRP is constitutively active regardless of the levels of cAMP.
    This means that it can induce glucose uptake regardless of the levels of cAMP in the cell and therefore the cells become glucose insensitive and absorb excessive volumes of glucose.


GlmS Riboswitch (from B. Subtilis)

  • The GlmS riboswitch is found in most gram positive bacteria.
    It is found in the 3’-UTR of the GlmS gene which is responsible for increasing the levels of glucosamine-6-phosphate, which is used to make cell walls etc. Normally when GLcN-6P is present it binds to the riboswitch and causes cleavage and degradation of the mRNA.
    Glucose can also bind to the riboswitch but it prevents cleavage and allows transcription. We will use this to ensure that our gene is only expressed in high glucose conditions.


GlmS Promoter (from B. Subtilis)

  • Normal GlmS promoter, this will be tested in parallel with the osmY stationary phase promoter and will be used to express the riboswitch and CRP.


GFP GlmS Riboswitch Fusion

  • Reporter to analyse the effects of the riboswitch in different concentrations of glucose and to determine how much cleavage may occur in the intestines.


Mutant CRP GlmS Fusion

  • Final product (+promoter) will be inserted into Nissle 1917.

Meet The Team

Greta

Greta Jasulaityte

Greta is in her 2nd year studying BSc Biotechnology.
Her role in the project is doing the lab work and modelling.
In her free time she enjoys travelling and salsa dancing.

Catherine

Catherine Jeon

Catherine is in her final year studyinng BSc Sociology and she is working on the Human Practices side of the project.
She really enjoys traveling; whenever time and money allows!

Izzy

Isobel Holley

Izzy is in her first year studying Neuroscience.

James

James Parkinson

James is in his final year studying BSc Biomedical Science and his role in the team is carrying out the experiments.
Besides doing sciencey stuff he enjoys having loooong (not that long) walks on the beach.

Sid

SiddharthYadav

Sid is in his 1st year doing the B.Soc.Sc. Sociology course.
He is working side by side with Catherine on the Human Practices aspect of it.
Currently he is in the 110 metre Hurdles team and he enjoys history, movies, travelling and having fun (all sorts).

Taf

Tafadzwa Machiridza

Taf (That's me) is in his 2nd year studying Computer Science and Maths.
I'm the guy who's designing the wiki pages. I LOVE my food and sleep. Besides that, I like playing video games, playing football, dancing and doing pencil sketches.

Eriko

Eriko Takano

More info about Eriko.

Rainer

Rainer Breitling

More info about Rainer.

Enter code to gain access to other pages

Retrieved from "http://2014.igem.org/Team:Manchester/main.html"