Difference between revisions of "Team:BCU"

 
(136 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<SCRIPT>
+
<html>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
<head lang="en">
−
 
+
<meta charset="UTF-8">
−
$(document).ready(function() {
+
<title></title>
−
 
+
<head>
−
$("#HQ_page").attr('id','');
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<style type="text/css">
 +
<!--
 +
body {
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
background-color: white !important;
 +
min-width: 960px !important;
 +
overflow-x: hidden !important;
 +
}
 +
.title {
 +
height: 240px;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 
 
−
 
+
border-right-style: none;
−
//highlight current page on the menu
+
−
highlight_current_page_menu();
+
border-left-style: none;
 
 
−
//accessing submenus
 
−
$(".menu_item").click(function(){
 
−
$(".submenu_control_icon", this).toggleClass("open");
 
−
$(this).next(".submenu").fadeToggle(400);
 
−
});
 
−
 
−
//mobile menu access
 
−
$(".igem_2018_team_mobile_bar").click(function(){
 
−
$(this).next().toggleClass("displaying_menu");
 
−
});
 
−
 
−
});
 
−
 
−
 
−
function highlight_current_page_menu() {
 
−
 
−
var page_url="https://2018.igem.org/";
 
−
page_url = page_url + wgPageName;
 
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 
−
 
−
//if the page is in a submenu, open the submenu and make the appropiate changes
 
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
−
 
−
$(".current_page").parent().parent().fadeToggle(400);
 
−
$(".current_page").parent().parent().prev().addClass("current_page");
 
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
−
 
 
}
 
}
−
}
+
.nav {
−
 
+
float: right;
−
 
+
height: 80px;
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
width: 960px;
−
</SCRIPT>
+
margin-top: 35px;
−
+
font-size: 16px;
−
<STYLE>
+
color: #1C2C77;
−
/**************************************************************************************************************************************************************************************************/
+
border-top-width: thin;
−
 
+
font-weight: 800;
−
 
+
font-family: Arial, Helvetica, sans-serif;
−
 
+
font-style: normal;
−
/**************************************************************************************************************************************************************************************************/
+
line-height: 40px;
−
/* DEFAULT WIKI SETTINGS */
+
text-align: center;
−
/**************************************************************************************************************************************************************************************************/
+
}
−
 
+
.main {
−
 
+
height: 400px;
−
#home_logo, #sideMenu { display:none; }
+
width: 960px;
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
margin-right: auto;
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
margin-left: auto;
−
body {background-color:white; }
+
border-top-width: 5px;
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
border-top-style: none;
−
 
+
border-top-color: #FC0;
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
background-image: url（);
−
 
+
background-attachment: fixed;
−
 
+
background-repeat: no-repeat;
−
/**************************************************************************************************************************************************************************************************/
+
background-position: center center;
−
/* MENU */
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
−
/**************************************************************************************************************************************************************************************************/
+
color: #FFF;
−
 
+
text-decoration: blink;
−
/*this wraps the whole of the menu*/
+
font-weight: 900;
−
.igem_2018_team_menu {
+
text-transform: capitalize;
−
background-color:#c4baba;  
+
text-align: center !important;
−
border-left: 1px solid #c4baba;
+
padding-top: 0px;
−
display:block;
+
font-size: larger;
−
float:right;
+
margin-bottom: 3px;
−
height:100vh;  
+
}
−
max-width: 270px;
+
.main p{
−
overflow-y: auto;
+
text-align: center !important;
−
overflow-x: hidden;
+
}
−
padding:0px;
+
.logo {
−
position:fixed;  
+
float: left;
−
right:0%;
+
height: 130px;
−
text-align:left;
+
width: 300px;
−
width: 15%;  
+
background-repeat: no-repeat;
−
}
+
margin: 10px;
−
 
+
}
−
 
+
-->
−
.igem_2018_team_menu.displaying_menu{
+
</style>
−
display:block;
+
<link rel="stylesheet" href="css/animate.min.css" />
−
}
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script>
−
 
+
<script src="js/wow.min.js"></script>
−
.igem_2018_team_menu  a {
+
<script>
−
color: #484848;
+
$(function(){
−
text-decoration:none;
+
var wow = new WOW({
−
}
+
boxClass: 'wow',
−
 
+
animateClass: 'animated',
−
.igem_2018_team_menu img {
+
offset: 0,
−
width:100%;
+
mobile: true,
−
}
+
live: true
−
 
+
});
−
 
+
wow.init();
−
.igem_2018_team_menu .menu_item {
+
})
−
    background-color: #c4baba;
+
</script>
−
    border-bottom: 1px solid #928b8b;
+
<!--[if lt IE 9]>
−
    clear: both;
+
<script src="js/html5shiv.min.js"></script>
−
color: #484848;
+
<script src="js/respond.min.js"></script>
−
    cursor: pointer;
+
<![endif]-->
−
float: left;
+
<!--[if lte IE 9]>
−
    font-size: 120%;
+
<script src="js/jquery.placeholder.js"></script>
−
    font-weight: bold;
+
<script>
−
    padding: 15px 0px 15px 5%;
+
$(function() {
−
  width: 100%;
+
$('input, textarea').placeholder({customClass:'my-placeholder'});
−
}
+
});
−
 
+
</script>
−
.igem_2018_team_menu .menu_item.direct_link {
+
<![endif]-->
−
color: #484848;
+
<style>
−
padding-left: 15%;
+
html {
−
}
+
font-family: sans-serif;
−
.igem_2018_team_menu .menu_item:hover {
+
-webkit-text-size-adjust: 100%;
−
background-color: #ecb656;
+
-ms-text-size-adjust: 100%;
−
}
+
}
−
 
+
body {
−
 
+
margin: 0;
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
−
color: #484848;
+
}
−
float: left;
+
a {
−
width: 10%;
+
text-decoration: none;
−
}
+
}
−
 
+
a:hover,
−
/* submenu icon "+"  "-"*/
+
a:focus {
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
text-decoration: none;
−
content: "+";  
+
}
−
}
+
a:focus {
−
 
+
outline: thin dotted;
−
/* submenu icon "+" "-"*/
+
outline: 5px auto -webkit-focus-ring-color;
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
outline-offset: -2px;
−
content: "-";
+
}
−
}
+
−
 
+
.container{
−
/*submenu wrapper*/
+
width: 1200px;
−
.igem_2018_team_menu .submenu{
+
min-width: 1200px;
−
background-color: #e4dede;
+
margin-right: auto;
−
clear:both;
+
margin-left: auto;
−
display:none;
+
}
−
float: left; 
+
−
width:100%;
+
.shortcut{
−
}
+
height: 24px;
−
 
+
line-height: 24px;
−
/*styling for a submenu item*/
+
padding-top: 16px;
−
.igem_2018_team_menu .submenu .submenu_item {
+
}
−
border-bottom: 1px solid #c4baba;
+
.shortcut a{
−
  color: #635d5d;
+
color: #808080;
−
    height: 30px;
+
-webkit-transition: all 0.3s ease 0s;
−
  float: left;
+
-moz-transition: all 0.3s ease 0s;
−
    font-size: 110%;
+
-o-transition: all 0.3s ease 0s;
−
font-weight: bold;
+
transition: all 0.3s ease 0s;
−
    padding: 12px 0px 0px 15%;
+
}
−
    width: 100%;
+
.shortcut a img{
−
}
+
margin-right: 5px;
−
 
+
}
−
.igem_2018_team_menu .submenu .submenu_item:hover {
+
.shortcut a:hover{
−
background-color: #f3bd5d;
+
color: #8e2322;
−
}
+
}
−
 
+
.header{
−
 
+
width: 100%;
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
min-width: 1200px;
−
.igem_2018_team_menu .menu_item.current_page,
+
height: 110px;
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
background: #fff;
−
background-color:#7acbd8;
+
}
−
}
+
.logo img{
−
 
+
display: block;
−
 
+
width: 500px;
−
 
+
margin-right: auto;
−
/*mobile menu bar styling*/
+
margin-left: auto;
−
/**************************************************************************************************************************************************************************************************/
+
}
−
 
+
−
 
+
/*nav*/
−
.igem_2018_team_mobile_bar {
+
nav a{
−
background-color:#e4dede;
+
display: inline-block;
−
border-bottom: 1px solid #c4baba;
+
height: 38px;
−
cursor:pointer;
+
line-height: 38px;
−
display:none;
+
margin-right: 43px;
−
float:left;
+
margin-left: 43px;
−
margin-top: 0;
+
font-size: 16px;
−
padding: 5px 0;
+
color: #333;
−
position:fixed;
+
-webkit-transition: all 0.3s ease 0s;
−
width:100%;  
+
-moz-transition: all 0.3s ease 0s;
−
}
+
-o-transition: all 0.3s ease 0s;
−
 
+
transition: all 0.3s ease 0s;
−
.igem_logo_mobile img {
+
}
−
width:70px;
+
nav a:hover,
−
}
+
nav .on{
−
 
+
color: #8e2322;
−
.igem_logo_mobile {
+
}
−
float:left;
+
#content #top_title{
−
padding-left: 5%;
+
display:none;
−
width: 30%;
+
}
−
}
+
#content{
−
 
+
width: 100%;
−
.igem_menu_control_mobile img {
+
padding: 0;
−
width:25px;
+
}
−
}
+
.mod-01 img{
−
 
+
display: block;
−
.igem_menu_control_mobile {
+
margin-right: auto;
−
float:right;
+
margin-left: auto;
−
padding-right:5%;
+
}
−
padding-top:5px;
+
<!--Menu Part-->
−
text-align:right;
+
.dropdown {
−
width: 30%;
+
position: relative;
−
}
+
display: inline-block;
−
 
+
background-color: white;
−
 
+
color: #040059;
−
 
+
float: left;
−
/**************************************************************************************************************************************************************************************************/
+
}
−
/* CONTENT OF THE PAGE */
+
.dropdownPlus{
−
/**************************************************************************************************************************************************************************************************/
+
float: left;
−
 
+
height: 80px !important;
−
/* general wrapper for the content */
+
min-width:50px !important;
−
.igem_2018_team_content {
+
display: inline-block !important;
−
background-color:white;
+
margin-left:6px !important;
−
display:block;
+
margin-right:13.5px !important;
−
width: 87%;
+
padding-top: 35px !important;
−
}
+
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
−
 
+
}
−
/* subwrapper to center content */
+
.dropdownPlus span a{
−
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
color: #1C2C77 !important;
−
margin:auto;
+
}
−
max-width: 1400px;
+
.dropdownPlus span a:hover{
−
width:90%;
+
color: white !important;
−
}
+
}
−
 
+
.dropdown span{
−
 
+
width: 120px !important;
−
 
+
}
−
/*general styling*/
+
.dropdown-content {
−
/**************************************************************************************************************************************************************************************************/
+
display: none;
−
 
+
position: absolute;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
+
background-color: #f9f9f9;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
+
min-width: 195px;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
+
padding: 12px 0px;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
+
text-align: left !important;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
+
}
−
 
+
.dropdown span:hover{
−
 
+
background-color: #040059;
−
/* styling for the titles h1, h2*/
+
color: white;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
+
}
−
border-bottom:0px;  
+
.dropdown:hover .dropdown-content {
−
color: #635d5d;
+
width: 160px !important;
−
font-family: "Arial Black", Gadget, sans-serif;
+
display: block;
−
padding: 10px 0px;
+
}
−
}
+
.dropdown-content p{
−
 
+
padding-left: 16px;
−
/* styling for the titles h3, h3, h5, h6 */
+
line-height: 35px !important;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
+
margin: 0px !important;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
+
}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
+
.dropdown-content p a{
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {  
+
color: #040059 !important;
−
border-bottom:0px;  
+
}
−
color: #928b8b;
+
.dropdown-content p:nth-child(2n){
−
font-family: "Arial Black", Gadget, sans-serif;
+
background:#EEEEEE !important;
−
padding: 5px 0px;
+
}
−
}
+
.dropdown-content p:hover{
−
 
+
background-color: #85cafa !important;
−
/* text */
+
}
−
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
+
.dropdown-content p:hover a{
−
font-size: 130%;
+
color: white !important;
−
font-family: Arial, Helvetica, sans-serif;
+
}
−
padding: 5px 0px;
+
.logo-title{
−
text-align: left;
+
text-align: center;
−
color: #484848;
+
}
−
}
+
.logo-title img{
−
 
+
−
/* Links */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper a {
+
−
color: #5bc7d8;
+
−
font-weight: bold;  
+
−
text-decoration: underline;
+
−
text-decoration-color:#5bc7d8;
+
−
transition: all 0.4s ease;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;  
+
−
-ms-transition: all 0.4s ease;  
+
−
-o-transition: all 0.4s ease;  
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
+
−
color: #f8b732;
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
 
+
−
/* Table */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper table {  
+
−
border: 1px solid #928b8b;  
+
−
border-collapse: collapse;  
+
−
font-size: 130%;
+
−
width: 100%;  
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper td {  
+
−
border: 1px solid #c4baba;  
+
−
border-collapse: collapse;  
+
−
font-size: 105%;
+
−
padding: 10px;
+
−
vertical-align: text-top;  
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper th {  
+
−
background-color:#c4baba;  
+
−
border: 1px solid #928b8b;  
+
−
border-collapse: collapse;  
+
−
font-size: 110%;
+
−
padding: 10px;  
+
−
vertical-align: text-top;  
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding:0px 20px;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,  
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
−
 
+
−
 
+
−
 
+
−
/*layout classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*main layout class */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
+
−
float:left;
+
−
margin: 1% 2%;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/* 100% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
−
 
+
−
/* 66% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
−
 
+
−
/* 33% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*styling for all images*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
−
margin-bottom: 15px;
+
−
width: 100%;  
+
−
}
+
−
 
+
−
 
+
−
/* page break */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
−
clear:both;
+
−
}
+
−
/*add extra space to page break with clear class*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
/* horizontal line to divide the page*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
−
    border-top: 1px solid #c4baba;
+
−
  margin: auto;
+
−
  width: 98%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
+
−
/*support classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/*Button  */
+
−
/************************************************/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
+
−
font-size: 130%;
+
−
margin: 30px auto;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
+
−
background-color: #5bc7d8;
+
−
color: #635d5d !important;
+
−
font-weight: bold;
+
−
margin: auto;
+
−
text-decoration: none !important;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
−
background-color: #f8b732 !important;  
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {  
+
−
padding: 15px 20px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
+
−
padding: 5px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
+
−
background-color: #e4dede;  
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
+
−
    border-top: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
+
−
    border: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
+
−
    border-top: 4px solid #f8b732
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
+
−
    border: 4px solid #f8b732;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*mobile*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/* 1800px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1800px) {
+
−
.igem_2018_team_content { width: 85%;}
+
−
.igem_2018_team_menu {display:block;}
+
−
}
+
−
 
+
−
/* 1400px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1400px) {
+
−
.igem_2018_team_menu .menu_item { font-size:100%;}
+
−
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
+
−
.igem_2018_team_menu {display:block;}
+
−
}
+
−
 
+
−
@media only screen and (max-width: 1001px) {
+
−
.igem_2018_team_menu {display:block;}
+
−
}
+
−
 
+
−
/* 1000px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1000px) {
+
−
.igem_2018_team_content {width:100%; margin-left:0px;}
+
−
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
+
−
.igem_2018_team_mobile_bar {display:block;}
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media only screen and (max-width: 500px) {
+
−
.igem_2018_team_menu {min-width:100%; width:100%; }
+
−
}
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
 
+
  
 +
}
 +
</style>
 +
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
 +
</head>
 +
<body>
 +
<div class="title">
 +
<div class="nav">
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU">HOME</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span>
 +
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span>EXPERIMENT</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown dropdownPlus" >
 +
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
 +
</div>
 +
<img  class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" />
 +
<div class="dropdown dropdownPlus" >
 +
<span><a  href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span>
 +
</div>
 +
<div class="dropdown dropdownPlus">
 +
<span><a  href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span>
 +
</div>
 +
 +
</div>
 +
<div class="logo-title">
 +
<img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/>
 +
</div>
 +
</div>
 +
<div class="main">
 +
                            <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BCU--HOME11.jpg">
  
−
</STYLE>
+
</div>
−
<!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!--- THIS IS WHERE THE HTML BEGINS ---> <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--header end-->
−
<!-- This tells the browser that your page is responsive -->
+
<script type="text/javascript">
−
<META name="viewport" content="width=device-width, initial-scale=1"> <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!--- Menu ---> <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
−
<DIV class="igem_2018_team_mobile_bar">
+
</script>
−
<DIV class="igem_logo_mobile"><IMG src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
+
</body>
−
</DIV>
+
</html>
−
<DIV class="igem_menu_control_mobile"><IMG id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
−
</DIV></DIV>
+
−
<DIV class="igem_2018_team_menu displaying_menu"><A href="https://2018.igem.org/Team:USP-Brazil"><IMG
+
−
class="current_page" src="http://placehold.it/350x150/e4dede/c4baba"> </A> <A
+
−
href="https://2018.igem.org/Team:USP-Brazil">
+
−
<DIV class="menu_item direct_link current_page"> HOME </DIV></A> <!-- Team -->
+
−
+
−
<DIV class="menu_item">
+
−
<DIV class="submenu_control_icon"> </DIV> TEAM </DIV>
+
−
<DIV class="submenu"><A href="https://2018.igem.org/Team:USP-Brazil/Team">
+
−
<DIV class="submenu_item"> Team Members </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Collaborations">
+
−
<DIV class="submenu_item"> Collaborations </DIV></A> </DIV><!-- Project -->
+
−
+
−
<DIV class="menu_item">
+
−
<DIV class="submenu_control_icon"> </DIV> PROJECT </DIV>
+
−
<DIV class="submenu"><A href="https://2018.igem.org/Team:USP-Brazil/Description">
+
−
<DIV class="submenu_item"> Description </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Design">
+
−
<DIV class="submenu_item"> Design </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Experiments">
+
−
<DIV class="submenu_item"> Experiments </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Notebook">
+
−
<DIV class="submenu_item"> Notebook </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/InterLab">
+
−
<DIV class="submenu_item"> InterLab </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Model">
+
−
<DIV class="submenu_item"> Model </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Results">
+
−
<DIV class="submenu_item"> Results </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Demonstrate">
+
−
<DIV class="submenu_item"> Demonstrate </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Improve">
+
−
<DIV class="submenu_item"> Improve </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Attributions">
+
−
<DIV class="submenu_item"> Attributions </DIV></A> </DIV>
+
−
<DIV class="menu_item">
+
−
<DIV class="submenu_control_icon"> </DIV> PARTS </DIV>
+
−
<DIV class="submenu"><A href="https://2018.igem.org/Team:USP-Brazil/Parts">
+
−
<DIV class="submenu_item"> Parts Overview </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Basic_Part">
+
−
<DIV class="submenu_item"> Basic Parts </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Composite_Part">
+
−
<DIV class="submenu_item"> Composite Parts </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Part_Collection">
+
−
<DIV class="submenu_item"> Part Collection </DIV></A> </DIV><A href="https://2018.igem.org/Team:USP-Brazil/Safety">
+
−
<DIV class="menu_item direct_link"> SAFETY </DIV></A>
+
−
<DIV class="menu_item">
+
−
<DIV class="submenu_control_icon"> </DIV> HUMAN PRACTICES </DIV>
+
−
<DIV class="submenu"><A href="https://2018.igem.org/Team:USP-Brazil/Human_Practices">
+
−
<DIV class="submenu_item"> Human Practices </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Public_Engagement">
+
−
<DIV class="submenu_item"> Education &amp; Engagement </DIV></A>
+
−
</DIV>
+
−
<DIV class="menu_item">
+
−
<DIV class="submenu_control_icon"> </DIV> AWARDS </DIV>
+
−
<DIV class="submenu"><A href="https://2018.igem.org/Team:USP-Brazil/Applied_Design">
+
−
<DIV class="submenu_item"> Applied Design </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Entrepreneurship">
+
−
<DIV class="submenu_item"> Entrepreneurship </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Hardware">
+
−
<DIV class="submenu_item"> Hardware </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Measurement">
+
−
<DIV class="submenu_item"> Measurement </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Model">
+
−
<DIV class="submenu_item"> Model </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Plant">
+
−
<DIV class="submenu_item"> Plant </DIV></A> <A href="https://2018.igem.org/Team:USP-Brazil/Software">
+
−
<DIV class="submenu_item"> Software </DIV></A> </DIV><A href="https://igem.org/2018_Judging_Form?team=USP-Brazil">
+
−
<DIV class="menu_item direct_link"> JUDGING FORM ⇗ </DIV></A> </DIV><!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> <!--- Content of the page  ---> <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<DIV class="igem_2018_team_content">
+
−
<DIV class="igem_2018_team_column_wrapper">
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="column full_size">
+
−
<H1>Welcome to Team USP- Brazil's iGEM 2018 Wiki! </H1>
+
−
<H2> Project Description </H2>
+
−
<P>Quorum sensing is a mechanism for communication within and between bacterial
+
−
populations, and it presents interesting possibilities for biotechnology in
+
−
controlling populational behavior, ranging from task division in bioprocesses to
+
−
biofilm disruption in infections. However, to generate complex patterns in a
+
−
predictable manner, orthogonality between different quorum sensing pathways is
+
−
essential, so the toolkit of quorum sensing parts needs to be thoroughly
+
−
characterized, expanded and optimized so that this technology may see its full
+
−
potential. Thus, our project aims to characterize activity and quantify the
+
−
genetic crosstalk between a variety of quorum sensing systems that showed
+
−
promising activity in prior works, while also using this information to predict,
+
−
model and ultimately aid possible design applications and solutions for
+
−
microbial communication. This way we will build on a growing bank of data of
+
−
quorum sensing parts that will help future projects work with this
+
−
technology.</P><IMG src="https://static.igem.org/mediawiki/2018/4/4f/T--USP-Brazil--team_photo_june.png">
+
−
</DIV>
+
−
<DIV class="column full_size">
+
−
<H3>Before you start</H3>
+
−
<P> Please read the following pages:</P>
+
−
<UL>
+
−
  <LI><A href="https://2018.igem.org/Competition">Competition Hub</A> </LI>
+
−
  <LI><A href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki
+
−
  Requirements page</A></LI>
+
−
  <LI><A href="https://2018.igem.org/Resources/Template_Documentation">Template
+
−
  documentation</A></LI></UL></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="line_divider"></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="column full_size">
+
−
<H3> Styling your wiki </H3>
+
−
<P>You may style this page as you like or you can simply leave the style as it
+
−
is. You can easily keep the styling and edit the content of these default wiki
+
−
pages with your project information and completely fulfill the requirement to
+
−
document your project.</P>
+
−
<P>While you may not win Best Wiki with this styling, your team is still
+
−
eligible for all other awards. This default wiki meets the requirements, it
+
−
improves navigability and ease of use for visitors, and you should not feel it
+
−
is necessary to style beyond what has been provided.</P></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="column third_size">
+
−
<H3> Uploading pictures and files </H3>
+
−
<P> You must upload any pictures and files to the iGEM 2018 server. Remember to
+
−
keep all your pictures and files within your team's namespace or at least
+
−
include your team's name in the file name. </P>
+
−
<P>When you upload, set the "Destination Filename" to <B>
+
−
T--YourOfficialTeamName--NameOfFile.jpg</B>. (If you don't do this, someone else
+
−
might upload a different file with the same "Destination Filename", and your
+
−
file would be erased!)</P>
+
−
<DIV class="button_link"><A href="https://2018.igem.org/Special:Upload"> UPLOAD
+
−
FILES </A> </DIV></DIV>
+
−
<DIV class="column third_size">
+
−
<H3> Wiki template information </H3>
+
−
<P>We have created these wiki template pages to help you get started and to help
+
−
you think about how your team will be evaluated. You can find a list of all the
+
−
pages tied to awards here at the <A href="https://2018.igem.org/Judging/Pages_for_Awards">Pages
+
−
for awards</A> link. You must edit these pages to be evaluated for medals and
+
−
awards, but ultimately the design, layout, style and all other elements of your
+
−
team wiki is up to you!</P></DIV>
+
−
<DIV class="column third_size">
+
−
<DIV class="highlight decoration_B_full">
+
−
<H3> Editing your wiki </H3>
+
−
<P>On this page you can document your project, introduce your team members,
+
−
document your progress and share your iGEM experience with the rest of the
+
−
world! </P>
+
−
<P>Use WikiTools - Edit in the black menu bar to edit this page</P>
+
−
<DIV class="button_link"><A href="https://2018.igem.org/wiki/index.php?title=Team:USP-Brazil&amp;action=edit">
+
−
EDIT PAGE </A> </DIV></DIV></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="line_divider"></DIV>
+
−
<DIV class="clear extra_space"></DIV>
+
−
<DIV class="column two_thirds_size">
+
−
<H3>Tips</H3>
+
−
<P>This wiki will be your team’s first interaction with the rest of the world,
+
−
so here are a few tips to help you get started: </P>
+
−
<UL>
+
−
  <LI>State your accomplishments! Tell people what you have achieved from the
+
−
  start. </LI>
+
−
  <LI>Be clear about what you are doing and how you plan to do this.</LI>
+
−
  <LI>You have a global audience! Consider the different backgrounds that your
+
−
  users come from.</LI>
+
−
  <LI>Make sure information is easy to find; nothing should be more than 3
+
−
  clicks away.  </LI>
+
−
  <LI>Avoid using very small fonts and low contrast colors; information should
+
−
  be easy to read.  </LI>
+
−
  <LI>Start documenting your project as early as possible; don’t leave anything
+
−
  to the last minute before the Wiki Freeze. For a complete list of deadlines
+
−
  visit the <A href="https://2018.igem.org/Calendar">iGEM 2018 calendar</A> </LI>
+
−
  <LI>Have lots of fun! </LI></UL></DIV>
+
−
<DIV class="column third_size">
+
−
<DIV class="highlight decoration_A_full">
+
−
<H3>Inspiration</H3>
+
−
<P> You can also view other team wikis for inspiration! Here are some
+
−
examples:</P>
+
−
<UL>
+
−
  <LI><A href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </A>
+
−
  </LI>
+
−
  <LI><A href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</A>
+
−
  </LI>
+
−
  <LI><A href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</A> </LI>
+
−
  <LI><A href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</A></LI>
+
−
  <LI><A href="https://2014.igem.org/Team:ITESM-Guadalajara">2014
+
−
  ITESM-Guadalajara </A></LI>
+
−
  <LI><A href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China
+
−
</A></LI></UL></DIV></DIV>
+
−
<P></P><!--
+
−
NewPP limit report
+
−
CPU time usage: 0.005 seconds
+
−
Real time usage: 0.006 seconds
+
−
Preprocessor visited node count: 9/1000000
+
−
Preprocessor generated node count: 42/1000000
+
−
Post‐expand include size: 41/2097152 bytes
+
−
Template argument size: 0/2097152 bytes
+
−
Highest expansion depth: 2/40
+
−
Expensive parser function count: 0/100
+
−
--> <!-- Saved in parser cache with key 2018_igem_org:pcache:idhash:5101-0!*!*!*!*!*!* and timestamp 20180710223634 and revision id 52566
+
−
-->
+
−
</DIV>
+
−
<DIV
+
−
class="visualClear"></DIV></DIV></DIV></DIV></DIV></DIV></DIV></BODY>
+

Latest revision as of 16:21, 16 October 2018

HOME
TEAM
PROJECT
EXPERIMENT

Design

Materials&Reagents

Methods

Results

PARTS
INTERLAB
NOTEBOOK
ATTRIBUTION
MEDAL