Difference between revisions of "Team:Warwick/Parts"

 
(49 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en"><!--<![endif]--><head>
+
{{Warwick}}
−
<meta charset="utf-8">
+
−
<!-- Set the viewport width to device width for mobile -->
+
−
<meta name="viewport" content="width=device-width">
+
−
<title>Studio Francesca - Premium Theme by WowThemes.net</title>
+
−
<!-- CSS Files-->
+
−
<link rel="stylesheet" href="stylesheets/style.css">
+
−
************************************************************************************
+
−
MAX-WIDTH 767
+
−
*************************************************************************************/
+
−
@media only screen and (max-width: 767px) {  
+
−
input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important }
+
−
input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important }
+
−
input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important }
+
−
input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important }
+
−
input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important }
+
−
input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important }
+
−
input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important }
+
−
input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important }
+
−
input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important }
+
−
input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important }
+
−
input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important }
+
−
input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important }
+
−
label.right { text-align: left }
+
−
.button { display: block }
+
−
button.button,input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
+
−
.button-group button.button,
+
−
.button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
+
−
.button-group button.button.large,
+
−
.button-group input[type="submit"].button.large { padding: 15px 30px 16px }
+
−
.button-group button.button.medium,
+
−
.button-group input[type="submit"].button.medium { padding: 10px 20px 11px }
+
−
.button-group button.button.small,
+
−
.button-group input[type="submit"].button.small { padding: 7px 14px 8px }
+
−
.button-group button.button.tiny,
+
−
.button-group input[type="submit"].button.tiny { padding: 5px 10px 6px }
+
−
.button-group.even button.button,
+
−
.button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
+
−
dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
+
−
dl.tabs.mobile dt,dl.tabs.mobile dd { float: none; height: auto; }
+
−
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
+
−
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
+
−
.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
+
−
.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
+
−
.tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
+
−
.tabs.mobile dd:first-child a.active { margin: 0 }
+
−
dl.contained.mobile { margin-bottom: 0 }
+
−
dl.contained.tabs.mobile dd a { padding: 18px 20px }
+
−
dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
+
−
.tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
+
−
.tooltip > .nub,
+
−
.tooltip.top > .nub,
+
−
.tooltip.left > .nub,
+
−
.tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; }
+
  
−
}
+
<html>
−
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
+
−
.flex-video { padding-top: 0 }
+
−
+
−
}
+
−
 
+
−
/* Very large display targeting */
+
−
/* Standard (large) display targeting */
+
−
.show-for-small,
+
−
.show-for-medium,
+
−
.show-for-medium-down,
+
−
.hide-for-large,
+
−
.hide-for-large-up,
+
−
.show-for-xlarge { display: none !important }
+
−
.hide-for-xlarge,
+
−
.show-for-large,
+
−
.show-for-large-up,
+
−
.hide-for-small,
+
−
.hide-for-medium,
+
−
.hide-for-medium-down { display: block !important }
+
−
@media only screen and (min-width: 1441px) {
+
−
.hide-for-small,
+
−
.hide-for-medium,
+
−
.hide-for-medium-down,
+
−
.hide-for-large,
+
−
.show-for-large-up,
+
−
.show-for-xlarge { display: block !important }
+
−
.show-for-small,
+
−
.show-for-medium,
+
−
.show-for-medium-down,
+
−
.show-for-large,
+
−
.hide-for-large-up,
+
−
.hide-for-xlarge { display: none !important }
+
−
}
+
−
/* Medium display targeting */
+
−
@media only screen and (max-width: 1279px) and (min-width: 768px) {
+
−
.hide-for-small,
+
−
.show-for-medium,
+
−
.show-for-medium-down,
+
−
.hide-for-large,
+
−
.hide-for-large-up,
+
−
.hide-for-xlarge { display: block !important }
+
−
.show-for-small,
+
−
.hide-for-medium,
+
−
.hide-for-medium-down,
+
−
.show-for-large,
+
−
.show-for-large-up,
+
−
.show-for-xlarge { display: none !important }
+
−
}
+
−
/* Small display targeting */
+
−
@media only screen and (max-width: 767px) {
+
−
.show-for-small,
+
−
.hide-for-medium,
+
−
.show-for-medium-down,
+
−
.hide-for-large,
+
−
.hide-for-large-up,
+
−
.hide-for-xlarge { display: block !important }
+
−
.hide-for-small,
+
−
.show-for-medium,
+
−
.hide-for-medium-down,
+
−
.show-for-large,
+
−
.show-for-large-up,
+
−
.show-for-xlarge { display: none !important }
+
−
}
+
−
/* Orientation targeting */
+
−
.show-for-landscape,
+
−
.hide-for-portrait { display: block !important }
+
−
.hide-for-landscape,
+
−
.show-for-portrait { display: none !important }
+
−
@media screen and (orientation: landscape) {
+
−
.show-for-landscape,
+
−
.hide-for-portrait { display: block !important }
+
−
.hide-for-landscape,
+
−
.show-for-portrait { display: none !important }
+
−
}
+
−
@media screen and (orientation: portrait) {
+
−
.show-for-portrait,
+
−
.hide-for-landscape { display: block !important }
+
−
.hide-for-portrait,
+
−
.show-for-landscape { display: none !important }
+
−
}
+
−
/* Touch-enabled device targeting */
+
−
.show-for-touch { display: none !important }
+
−
.hide-for-touch { display: block !important }
+
−
.touch .show-for-touch { display: block !important }
+
−
.touch .hide-for-touch { display: none !important }
+
−
/* Specific overrides for elements that require something other than display: block */
+
−
table.show-for-xlarge,
+
−
table.show-for-large,
+
−
table.hide-for-small,
+
−
table.hide-for-medium { display: table !important }
+
−
@media only screen and (max-width: 1279px) and (min-width: 768px) {
+
−
.touch table.hide-for-xlarge,
+
−
.touch table.hide-for-large,
+
−
.touch table.hide-for-small,
+
−
.touch table.show-for-medium { display: table !important }
+
−
}
+
−
@media only screen and (max-width: 767px) {
+
−
table.hide-for-xlarge,
+
−
table.hide-for-large,
+
−
table.hide-for-medium,
+
−
table.show-for-small { display: table !important }
+
−
}
+
−
 
+
−
/************************************************************************************
+
−
MAX-WIDTH 800
+
−
*************************************************************************************/
+
−
@media screen and (min-width: 600px) and (max-width: 800px) { 
+
−
.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; }
+
−
.ca-menu{padding:0; margin-left: 100px;}
+
−
.ca-menu li{ width: 250px;}
+
−
}
+
−
@media screen and (min-width: 600px) and (max-width: 800px) { 
+
−
.ei-title h2,.ei-title h3 {}
+
−
}
+
−
/************************************************************************************
+
−
CAROUSEL
+
−
*************************************************************************************/
+
−
@media screen and (max-width: 1024px) {
+
−
#testimonials {width:98% !important;}
+
−
#testimonials blockquote{width:98% !important;}
+
−
#testimonials {height:160px !important;}
+
−
    #testimonials blockquote{height:160px !important;}
+
−
.noslide h3 {  color: #eee;  padding: 0;}
+
−
#footer .four, #footer .row .four {width:100%;margin-bottom:20px; float:none;}
+
−
.newsmargin {  margin-left: 0px;}
+
−
 
+
−
}
+
−
 
+
−
@media screen and (max-width: 850px) {
+
−
.fitcarousel {width:97%;overflow:hidden;}
+
−
}
+
−
@media screen and (min-width: 470px) and (max-width: 480px) { 
+
−
.fitcarousel {width:89% !important;overflow:hidden;}
+
−
}
+
−
/************************************************************************************
+
−
MAX-WITH 480
+
−
*************************************************************************************/
+
−
@media only screen and (max-width: 480px) {
+
−
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
+
−
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
+
−
.column, .columns { width: auto !important; float: none; }
+
−
.column:last-child, .columns:last-child { float: none }
+
−
[class*="column"] + [class*="column"]:last-child { float: none }
+
−
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
+
−
.column:after, .columns:after { clear: both }
+
−
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
+
−
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
+
−
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
+
−
/* Mobile 4-column Grid */
+
−
.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
+
−
.row .mobile-one:last-child { float: right }
+
−
.row .mobile-one.end { float: left }
+
−
.row.collapse .mobile-one { padding: 0 }
+
−
.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
+
−
.row .mobile-two:last-child { float: right }
+
−
.row .mobile-two.end { float: left }
+
−
.row.collapse .mobile-two { padding: 0 }
+
−
.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
+
−
.row .mobile-three:last-child { float: right }
+
−
.row .mobile-three.end { float: left }
+
−
.row.collapse .mobile-three { padding: 0 }
+
−
.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
+
−
.row .mobile-four:last-child { float: right }
+
−
.row .mobile-four.end { float: left }
+
−
.row.collapse .mobile-four { padding: 0 }
+
−
.push-one-mobile { left: 25% }
+
−
.pull-one-mobile { right: 25% }
+
−
.push-two-mobile { left: 50% }
+
−
.pull-two-mobile { right: 50% }
+
−
.push-three-mobile { left: 75% }
+
−
.pull-three-mobile { right: 75% }
+
−
.nav-bar { height:1px; margin-top: 30px; padding: 0; }
+
−
.nav-bar > li { float: left; display: block; position: relative; padding: 10px 0; margin: 0 7px 0 0;line-height:10px;}
+
−
ul.flyout li a, .nav-bar li ul li a {margin:0px;height:100%;}
+
−
.name {display:block;}
+
−
.noleftmarg {padding:0px !important;}
+
−
.logo { margin-top: 20px;margin-bottom:0px;}
+
−
.ei-slider {height:260px;}
+
−
.responsiveslide {margin-left: 0px !important;width:100% !Important;height: 200px !important;}
+
−
.newsmargin{margin-left:0px;}
+
−
.floatright {float:none;}
+
−
#footer h1 {padding-top:20px;}
+
−
.back-top, .back-top a, .slide{display:none;}
+
−
.left { float: none }
+
−
.right { float: right; }
+
−
.ei-title h2,.ei-title h3 {}
+
−
#testimonials {height:260px !important;}
+
−
    #testimonials blockquote{height:260px !important;}
+
−
.noslide h3 {padding:0px;}
+
−
.ca-menu li {width:100%;float:none;}
+
−
#subheader p {  text-align: center;}
+
−
p.right {float:none;}
+
−
}
+
−
 
+
−
@media screen and (min-width: 601px) {
+
−
/* ensure #nav is visible on desktop version */
+
−
/* styles for desktop */
+
−
.tinynav { display: none }
+
−
}
+
−
 
+
−
/************************************************************************************
+
−
SUPERFISH
+
−
*************************************************************************************/
+
−
@media screen and (max-width: 800px) {
+
−
.tinynav { display: block }
+
−
#main-menu{ display: none }
+
−
.headermenu.columns{  padding: 0;float:none !Important;width:100% !Important;}
+
−
.headerlogo {width:100% !Important;  z-index: 2;  position: relative;}
+
−
.columns .headerlogo {padding-bottom:0;}
+
−
.fitcarousel {width:81%;overflow:hidden;}
+
−
.textmenu { margin-top: 8px !important;}
+
−
#nav-wrap { margin-top: 0;}
+
−
select.tinynav{    border: 0; background: #000;  color: #fff;  height: 50px;  padding-left: 15px;font-weight:700;font-family: DroidSansRegular;}
+
−
.row {  min-width: 100%;}
+
−
.logo {  margin-top: 17px;  margin-bottom: 17px;}
+
−
}
+
−
+
−
 
+
−
 
+
−
/************************************************************************************
+
−
MAX-WIDTH 240
+
−
*************************************************************************************/
+
−
@media screen and (max-width: 240px) {
+
−
.row .mobile-one {width:45% !important;}
+
−
.row .mobile-three {width:55% !Important;}
+
−
.ca-menu, #footer {overflow:hidden;}
+
−
h1 {font-size:20px;}
+
−
#testimonials {height:250px !Important;}
+
−
.image_carousel {overflow:hidden;}
+
−
}">
+
−
<!-- skin color -->
+
−
<link rel="stylesheet" href="stylesheets/responsive.css">
+
−
<!-- IE Fix for HTML5 Tags -->
+
−
<!--[if lt IE 9]>
+
−
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+
−
  <![endif]-->
+
−
</head>
+
−
<body>
+
−
<!-- HIDDEN PANEL
+
−
================================================== -->
+
−
<div id="panel">
+
−
<div class="row">
+
−
<div class="twelve columns">
+
−
<img src="images/info.png" class="pics" alt="info">
+
−
<div class="infotext">
+
−
Thank you for visiting my theme! Replace this with your message to visitors.
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<p class="slide">
+
−
<a href="#" class="btn-slide"></a>
+
−
</p>
+
−
<!-- HEADER
+
−
================================================== -->
+
−
<div class="row">
+
−
<div class="headerlogo four columns">
+
−
<div class="logo">
+
−
<a href="https://igem.org/Team.cgi">
+
−
<h4>Warwick iGEM 2015</h4>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
<div class="headermenu eight columns noleftmarg">
+
−
<nav id="nav-wrap">
+
−
<ul id="main-menu" class="nav-bar sf-menu">
+
−
<li class="current">
+
−
<a href="Home">Home</a>
+
−
<ul>
+
−
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Project">Project</a>
+
−
<ul>
+
−
                                <li><a href="Project">Project Summary</a></li>
+
−
<li><a href="Project2">Experiments and Protocols</a></li>
+
−
<li><a href="Project3">Results</a></li>
+
−
<li><a href="Project4">Design</a></li>
+
−
<li><a href="Project5">Notebook</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Parts">Parts</a>
+
−
<ul>
+
−
<li><a href="Parts">Submitted Parts</a></li>
+
−
<li><a href="Parts2">Basic Parts</a></li>
+
−
<li><a href="Parts3">Composite Parts</a></li>
+
−
<li><a href="Parts4">Part Creation</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Modelling">Modelling</a>
+
−
<ul>
+
−
<li><a href="Modelling">Basic Model</a></li>
+
−
<li><a href="Modelling2">title</a></li>
+
−
<li><a href="modelling3">title</a></li>
+
−
<li><a href="Modelling4">title</a></li>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Outreach">Outreach</a>
+
−
<ul>
+
−
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Collaborations">Collaborations</a>
+
−
<ul>
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Team">Team</a>
+
−
<ul>
+
−
<li><a href="Members">Members</a></li>
+
−
<li><a href="Attributions">Attributions</a></li>
+
−
+
−
</ul>
+
−
</li>
+
−
<li>
+
−
<a href="Safety">Safety</a>
+
−
                        <li><a href="Human Practices">Human Practices</a></li>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
−
</div>
+
−
</div>
+
−
<div class="clear">
+
−
</div>
+
  
 
<!-- SUBHEADER
 
<!-- SUBHEADER
 
================================================== -->
 
================================================== -->
 +
<a id="link1"></a>
 
<div id="subheader">
 
<div id="subheader">
 
<div class="row">
 
<div class="row">
−
<div class="eight columns">
+
−
<p class="bread leftalign">
+
−
You are here: <a href="index.html"> Home</a> / <a href="blogpage2.html">Blog second style</a>
+
−
</p>
+
−
</div>
+
−
<div class="four columns">
+
−
<div class="row collapse">
+
−
<div class="ten mobile-three columns">
+
−
<input type="text" class="nomargin" placeholder="Search...">
+
−
</div>
+
−
<div class="two mobile-one columns">
+
−
<a href="#" class="postfix button expand">Go</a>
+
−
</div>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="hr">
 
<div class="hr">
 
</div>
 
</div>
 +
 
<!-- CONTENT  
 
<!-- CONTENT  
 
================================================== -->
 
================================================== -->
 +
 +
</div>
 +
 +
 
<div class="row">
 
<div class="row">
−
<div class="twelve columns noleftmargin">
+
    <!-- MAIN CONTENT-->
−
    <!-- MAIN CONTENT -->
+
<div class="eight columns">
−
<div class="eight columns noleftmargin">
+
−
<div class="six columns">
+
<div class="sectiontitle">
−
<div class="boxblog">
+
<h4>Parts</h4>
−
<h5>Dawncin'</h5>
+
−
<p class="small date">
+
−
Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/nivo3.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="six columns">
+
−
<div class="boxblog">
+
−
<h5> Field Marshal</h5>
+
−
<p class="small date">
+
−
Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/folio3.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation  ...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="six columns">
+
−
<div class="boxblog">
+
−
<h5>Lady Speedway</h5>
+
−
<p class="small date">
+
−
Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/folio4.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit ...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="six columns">
+
−
<div class="boxblog">
+
−
<h5>Hotel Biscuit</h5>
+
−
<p class="small date">
+
−
Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/folio6.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation  ...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="six columns">
+
−
<div class="boxblog">
+
−
<h5>Private Theater</h5>
+
−
<p class="small date">
+
−
Posted on: 2 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/folio3.jpg" alt="" class="thumb">"ARE you comin' to the dawncin', Lady Speedway?" asked the American in his best transatlantic liner accent. "Most decidedly not!" Mind you, this answer from Lady Speedway meant red lights ahead. At the Hotel Biscuit ...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="six columns">
+
−
<div class="boxblog">
+
−
<h5>Transatlantic</h5>
+
−
<p class="small date">
+
−
Posted on: 3 Oct 2013 <span class="has-tip tip-top" data-width="90" title="6 comments"><img src="images/comments.png" alt=""></span>
+
−
</p>
+
−
<p>
+
−
<img src="images/temp/nivo3.jpg" alt="" class="thumb"> She was the Field Marshal of the Front Porch Knitting Needle Hussars, nicknamed "Hussies." Her approbation was olive oil; her discountenance prickly heat. "Of course," she added, "while recognizing that expatiation  ...
+
−
</p>
+
−
<p>
+
−
<a href="#" class="small continue">Continue reading</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<ul class="pagination">
+
−
<li class="arrow unavailable"><a href="">«</a></li>
+
−
<li class="current"><a href="">1</a></li>
+
−
<li><a href="">2</a></li>
+
−
<li><a href="">3</a></li>
+
−
<li><a href="">4</a></li>
+
−
<li class="unavailable"><a href="">…</a></li>
+
−
<li><a href="">12</a></li>
+
−
<li><a href="">13</a></li>
+
−
<li class="arrow"><a href="">»</a></li>
+
−
</ul>
+
 
</div>
 
</div>
−
<!-- SIDEBAR -->
+
</div>
−
<div class="four columns">
+
<!-- Services List-->
−
<h6 class="sidebartitle">RECENT COMMENTS</h6>
+
<div class="twelve columns noleftmargin">
−
<div class="avatar">
+
 
−
<img src="images/temp/author1.png" alt="">
+
  Our new parts are all versions of the same modular system, a fusion protein formed from a bacterial transmembrane domain and a zinc-finger domain, with linker domains between domains and a FLAG-tag for immunofluorescence staining. Each transmembrane/zinc-finger domain is independently interchangeable with other transmembrane/zinc-finger domains, though not interchangeable between each other (i.e. the transmembrane domain cannot be swapped for a zinc-finger domain and vice versa).
−
</div>
+
    <br> The purpose of this fusion protein is to allow bacteria (specifically <i>Escherichia coli</i>) to bind specific short double stranded DNA sequences at their surface; using immobilised DNA the cell should remain bound in place, or this protein can be used for cell identification (barcoding).
−
<p>
+
 
−
Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+
<p>
 +
<img src="https://static.igem.org/mediawiki/2015/5/5c/Warwick_Gene_Map.jpeg" align="middle">
 +
</p>
 +
 
 +
 
 +
<br>
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-Zif268</h5>
 +
<p>
 +
This part is our construct with Lpp-OmpA as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
−
<div class="avatar">
+
<p>
−
<img src="images/temp/author2.png" alt="">
+
<a href="http://parts.igem.org/Part:BBa_K1855000">Registry Link</a>
−
</div>
+
</p>
 +
</div>
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-sZF2</h5>
 
<p>
 
<p>
−
Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF2 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
−
<div class="avatar">
+
<p>
−
<img src="images/temp/author3.png" alt="">
+
<a href="http://parts.igem.org/Part:BBa_K1855001">Registry Link</a>
−
</div>
+
</p>
 +
</div>
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>Lpp-OmpA-sZF10</h5>
 
<p>
 
<p>
−
Many pieces were proposed, but none seemed suitable, because each one wished to play a good ...
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF10 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
−
<br class="clear">
+
<p>
−
<h6 class="sidebartitle">POPULAR TAGS</h6>
+
<a href="http://parts.igem.org/Part:BBa_K1855002">Registry Link</a>
−
<a href="#" class="tags">Photography</a>
+
</p>
−
<a href="#" class="tags">Vintage</a>
+
</div>
−
<a href="#" class="tags">Nature</a>
+
<div class="twelve columns noleftmargin">
−
<a href="#" class="tags">Design</a>
+
<p>_______________________________________________________________________________________________________________________________________</p><h5>Lpp-OmpA-sZF14</h5>
−
<a href="#" class="tags">Printing</a>
+
−
<a href="#" class="tags">Contemporary</a>
+
−
<a href="#" class="tags">Classic</a>
+
−
<a href="#" class="tags">Elegant</a>
+
−
<a href="#" class="tags">Graphics</a>
+
−
<br class="clear">
+
−
<br><br>
+
−
<h6 class="sidebartitle">POPULAR POSTS</h6>
+
 
<p>
 
<p>
−
7 Oct 2013
+
This part is our construct with Lpp-OmpA as the transmembrane domain and sZF14 as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 +
 
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855003">Registry Link</a>
 +
</p>
 +
</div>
 +
 +
 +
 +
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p><h5>INP-Zif268</h5>
 
<p>
 
<p>
−
Many pieces were proposed, but none seemed suitable, because each one wished to play a good and suitable part ...
+
This part is our construct with INP as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855004">Registry Link</a>
 +
</p>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div class="twelve columns noleftmargin">
 +
<p>_______________________________________________________________________________________________________________________________________</p> <h5>BclA-Zif268
 +
</h5>
 
<p>
 
<p>
−
6 Sept 2013
+
This part is our construct with BclA as the transmembrane domain and the Zif268 1AAY fragment as the zinc-finger domain. The transmembrane domain can be exchanged with another using NdeI and AgeI, and the zinc-finger domain can be exchanged using NheI and ClaI. The entire construct is under the pL_lac promoter, and contains a C-terminal FLAG tag.
−
</p>
+
−
<p>
+
−
It was ready for production, when through accident we were disappointed about securing the private theatre on ...
+
−
</p>
+
−
<p>
+
−
4 Aug 2013
+
−
</p>
+
−
<p>
+
−
The over-kind praise which it won encouraged me to have the play printed. I decided, as I could see no other prospects...
+
 
</p>
 
</p>
 +
<p>
 +
<a href="http://parts.igem.org/Part:BBa_K1855005">Registry Link</a>
 +
</p>
 
</div>
 
</div>
−
</div>
 
−
</div>
 
−
<div class="hr">
 
−
</div>
 
  
−
<!-- FOOOTER
+
 
−
================================================== -->
+
 
−
<div id="footer">
+
 
−
<footer class="row">
+
<div class="clear">
−
<p class="back-top floatright" style="display: none;">
+
−
<a href="#top"><span></span></a>
+
−
</p>
+
−
<div class="four columns">
+
−
<h1>ABOUT US</h1>
+
−
Our goal is to keep clients satisfied!
+
−
</div>
+
−
<div class="four columns">
+
−
<h1>GET SOCIAL</h1>
+
−
<a class="social facebook" href="#"></a>
+
−
<a class="social twitter" href="#"></a>
+
−
<a class="social deviantart" href="#"></a>
+
−
<a class="social flickr" href="#"></a>
+
−
<a class="social dribbble" href="#"></a>
+
−
</div>
+
−
<div class="four columns">
+
−
<h1 class="newsmargin">NEWSLETTER</h1>
+
−
<div class="row collapse newsletter floatright">
+
−
<div class="ten mobile-three columns">
+
−
<input type="text" class="nomargin" placeholder="Enter your e-mail address...">
+
−
</div>
+
−
<div class="two mobile-one columns">
+
−
<a href="#" class="postfix button expand">GO</a>
+
−
</div>
+
 
</div>
 
</div>
−
</div>
+
−
</footer>
+
 +
</div>
 +
</div><!-- end main content-->
 +
 +
    <!-- SIDEBAR-->
 +
 +
 
 +
 
 +
</div>
 
</div>
 
</div>
−
<div class="copyright">
 
−
<div class="row">
 
−
<div class="six columns">
 
−
©<span class="small"> Copyright 2015 Your Agency Name</span>
 
−
</div>
 
−
<div class="six columns">
 
−
<span class="small floatright"> Purchase "Studio Francesca" - WowThemes.net</span>
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
−
<!-- JAVASCRIPTS
 
−
================================================== -->
 
−
<!-- Javascript files placed here for faster loading -->
 
−
<script src="javascripts/foundation.min.js"></script>
 
−
<script src="javascripts/jquery.cycle.js"></script>
 
−
<script src="javascripts/app.js"></script>
 
−
<script src="javascripts/modernizr.foundation.js"></script>
 
−
<script src="javascripts/slidepanel.js"></script>
 
−
<script src="javascripts/scrolltotop.js"></script>
 
−
<script src="javascripts/hoverIntent.js"></script>
 
−
<script src="javascripts/superfish.js"></script>
 
−
<script src="javascripts/responsivemenu.js"></script>
 
  
 +
</html>
  
−
</body></html>
+
{{WarwickFooter}}

Latest revision as of 20:40, 17 September 2015

Warwick iGEM 2015

Open Menu