Difference between revisions of "Team:UCL/amandeep"

(Replaced content with "<html> <body> <p> Aman is amazing </p> </body> </html>")
Line 1: Line 1:
 
+
<html>
<html lang="en" dir="ltr" class="client-nojs">
+
<head>
+
<meta charset="UTF-8" />
+
<title>Team:UCL - 2015.igem.org</title>
+
<meta name="generator" content="MediaWiki 1.24.1" />
+
<link rel="shortcut icon" href="/favicon.ico" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
+
<link rel="EditURI" type="application/rsd+xml" href="https://2015.igem.org/wiki/api.php?action=rsd" />
+
<link rel="alternate" hreflang="x-default" href="/Team:UCL" />
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
<link rel="stylesheet" href="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
/* cache key: 2015_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
+
<script src="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
<script>if(window.mw){
+
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:UCL","wgTitle":"Team:UCL","wgCurRevisionId":406285,"wgRevisionId":406285,"wgArticleId":4725,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Amanabc","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:UCL","wgUserId":5202,"wgUserEditCount":0,"wgUserRegistration":1465054970000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
}</script><script>if(window.mw){
+
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"76d2a6dcce412b5573363be80d0b46c2+\\","patrolToken":"34691d93b1f26288d7c4d22dafa3b9b6+\\","watchToken":"c81f715df4813ed6b7d5122f167d54e6+\\"});},{},{});
+
/* cache key: 2015_igem_org:resourceloader:filter:minify-js:7:5e811ff6bdd56557f1c36a32c610d513 */
+
}</script>
+
<script>if(window.mw){
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
}</script>
+
</head>
+
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_UCL skin-igem action-view">
+
 
+
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
 
+
    <div id='globalWrapper'>
+
        <div id='top_menu_under' class='noprint'></div>
+
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
<script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
    {  t:"Team%3AUCL",
+
a:"View+%2FTeam%3AUCL++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUCL%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUCL%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AUCL++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUCL%26action%3Dwatch%26token%3Db7d61eaaf6f6ca658871d5b0a4ff50d6%252B%255C++Page+%2FTeam%3AUCL++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUCL%26action%3Dedit%26redlink%3D1++" });
+
+
</script>
+
<div id="content" class="mw-body" role="main">
+
    <a id="top"></a>
+
    <h1 id="firstHeading" class="firstHeading">
+
        <span dir="auto">Team:UCL</span>
+
    </h1>
+
    <div id="bodyContent">
+
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
+
 
+
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/>
+
<link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css">
+
<link href='https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Lato:100,900' rel='stylesheet' type='text/css'>'
+
 
+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+
 
+
 
+
  <script type="text/javascript" src="https://2015.igem.org/Team:UCL/Smoothscroll?action=raw&amp;ctype=text/javascript"></script>
+
 
+
  <script>
+
smoothScroll.init();
+
</script>
+
 
+
 
+
 
+
 
+
<style type="text/css">
+
 
+
#text {margin-top: 50px; z-index: 9999;}
+
#text h2 {font-size: 25px; text-decoration: none; border-bottom: 0px; display: block; background-color: #c97062; color: #fff; font-weight: bold; border-radius: 4px; padding: 15px; opacity: 0.5; }
+
 
+
.blockk:hover h2 {opacity: 0.9 !important; transition-property: opacity;
+
    transition-duration: 1s;
+
    transition-timing-function: ease; }
+
 
+
#text h4 {text-decoration: none; font-size: 14px; font-weight: normal !important; border-bottom: 0px; display: block;  padding-left: 5px; padding-top: 5px; padding-bottom: 5px; line-height: 2; text-align: justify; color: #272a2b}
+
 
+
 
+
 
+
 
+
/*references*/
+
.content .tooltip {
+
  background-color: #fff;
+
border: 1px #22343C solid;
+
  border-radius: 4px;
+
  padding: 3px;
+
  position: absolute;
+
  width: 300px;
+
  z-Index: 99999;
+
  display: none;
+
letter-spacing: 1px;
+
line-height: 1;
+
font-size: 11px;
+
}
+
 
+
.tooltip a {color: #22343C;}
+
.tooltip {color: #22343C;}
+
 
+
.content {
+
  position: relative;
+
}
+
 
+
.content {color: #d67166;}
+
 
+
/* end-of-references */
+
 
+
.bigtitle {width: 42%; margin-top: 100px; margin: 0 auto; font-size: 16px; background-image:none /*url('https://static.igem.org/mediawiki/2015/4/43/UCL_headercircle.png')*/; text-align: center; line-height: 2;
+
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #22343C;}
+
 
+
.bigtitle a {color: #22343C; text-decoration: none;}
+
 
+
.title2 {font-family: Satisfy; font-size: 380%; text-align:center;}
+
 
+
.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;}
+
 
+
.arrow {font-size: 50px;}
+
 
+
 
+
#text h2 {
+
font-size: 25px !important;
+
text-decoration: none;
+
border-bottom: 0px;
+
display: block;
+
background-color: #c97062;
+
color: #fff;
+
font-weight: bold;
+
border-radius: 4px;
+
padding: 10px;
+
opacity: 0.5;
+
  line-height: 1.4;
+
}
+
 
+
a {
+
color:#473E4F;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
a:hover
+
{color: #70C4BB;
+
text-decoration:none;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
 
+
 
+
a:visited {
+
color:#473E4F;
+
text-decoration:none;
+
-webkit-transition: color ease-in-out 300ms;
+
}
+
 
+
#bodyContent {
+
background-color:#F8FFFF;
+
}
+
 
+
@media (max-width:400px){
+
p {text-align:justify;};
+
h3 {font-size:10px;};
+
}
+
 
+
/* wiki width fixing */
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
    display:none;}
+
#top-section {
+
    border: none;
+
    height: 0px;}
+
 
+
#p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
+
  #footer #f-list {margin-top:0;}
+
  #top-section,#footer-box{margin:0;padding:0;width:100%;height:0;}
+
  #contentSub {margin: 0;}
+
 
+
#globalWrapper, #content {
+
width: 100% !important;
+
height: 100%;
+
border: 0;
+
background-color: F8FFFF;
+
margin: 0;
+
padding: 0 !important;
+
padding-bottom: 0 !important;
+
top:0;
+
line-height: 1;
+
position: absolute;
+
}
+
 
+
#bodyContent {top: 0px;
+
position: absolute;
+
width: calc(100% + 16px);
+
height: auto;
+
min-height: 100%;
+
margin: 0 auto;
+
padding: 0;
+
overflow-y: scroll;
+
overflow-x: hidden; }
+
 
+
 
+
html, body, #container {
+
top: 0px;
+
width:100%;
+
height: auto;
+
overflow-x: hidden;
+
  background: none !important;
+
}
+
 
+
.buttonblack {
+
 
+
  margin-bottom: 10px;
+
  margin-top: 10px;
+
+
}
+
 
+
 
+
.intro-buttons {
+
padding-top: 20px;  color: #FFFFFF;
+
}
+
 
+
 
+
 
+
.intro-buttons a {  color: #FFFFFF; text-decoration: none;}
+
 
+
 
+
 
+
 
+
  #header2:before
+
{
+
content: "";
+
+
+
    position: fixed;
+
    top: 0;
+
    left: 0;
+
  bottom: 0;
+
margin: 0;
+
padding: 0;
+
    width: 100%;
+
    height: 100%;
+
overflow: hidden;
+
display: block;
+
border: none;
+
 
+
}
+
 
+
 
+
 
+
 
+
 
+
.back {text-align: center; top: 15%; position: relative;}
+
.back img {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;}
+
.back a {color: #2a2133; font-size: 16px; font-family: Raleway; letter-spacing: 1.5px; }
+
.back a:hover {color: #493c54;  -webkit-transition: color ease-in-out 400ms;}
+
 
+
+
 
+
 
+
 
+
 
+
@media screen and (max-width: 960px) {
+
#abstracttext p {    line-height: 2; font-size: 13px; text-indent: 50px;
+
}
+
 
+
 
+
}
+
 
+
#abstract h2 {font-size: 20px;}
+
 
+
 
+
 
+
 
+
 
+
.mailus {background: #F0F0F5; padding: 5px;}
+
 
+
/*menu*/
+
 
+
.mainmenu {
+
  position: fixed;
+
  top: 0;
+
  left: 0;
+
  z-index: 99999;
+
  width: 100%;
+
  height: 100px;
+
font-size: 20px;
+
background-color: #fff;
+
box-shadow: 0px -6px 22px;
+
}
+
 
+
 
+
 
+
#hidden-menu {
+
margin-left:85%;
+
display: none;}
+
 
+
#hidden-menu:hover ul{
+
height:auto;
+
width:auto;
+
z-index:99999999;
+
display: block;
+
}
+
 
+
#hidden-menu ul li {
+
background-color: #70C4BB;
+
text-align: center;
+
display: block;
+
margin:none;
+
padding-left:20px;
+
padding-right:20px;
+
padding-top:8px;
+
padding-bottom:8px;
+
box-shadow:1.5px 1.5px lightgrey;
+
border-radius:4px;
+
opacity:0.9;
+
z-index:99999999;
+
}
+
 
+
#hidden-menu ul {
+
position:fixed;
+
padding-top:60px;
+
right: 0px;
+
padding-right: 50px;
+
display: none;
+
}
+
 
+
#hidden-menu ul li a {
+
color: #fff; font-size: 23px;
+
}
+
 
+
#hidden-menu ul li a:hover {
+
color: #787172
+
}
+
 
+
#hidden-menu a {
+
color: #473E4F; text-decoration: none; font-family: Raleway; 
+
}
+
 
+
#hidden-menu a:hover {color: #70C4BB;
+
    -webkit-transition: color ease-in-out 150ms;
+
}
+
 
+
 
+
#mobilebutton {
+
height:50px;
+
width:50px;
+
top:0;
+
right:0px;
+
margin-top: 17px;
+
position:fixed;
+
opacity:0.9;
+
z-index:999999999;
+
}
+
 
+
 
+
#igemlogo {
+
position:fixed;
+
top:30px;
+
left: 10px; float:left;
+
z-index:99999;
+
}
+
 
+
 
+
 
+
#igemlogo2 {
+
position:fixed;
+
top:30px;
+
left: 60px; float:left;
+
z-index:99999;
+
}
+
 
+
 
+
 
+
.menu-items {display: inline-block;
+
width: 100%;
+
text-align: right;
+
position:fixed;
+
top: 20px;
+
z-index:99998;
+
right: 0;
+
padding-right: 53px;
+
}
+
 
+
 
+
 
+
.menu-items li {
+
  display: inline-block;
+
  margin-right: 20px;
+
  margin-left: 10px;
+
margin-top: 0px;
+
letter-spacing: 3px;
+
height: 30px;
+
text-transform: uppercase;
+
font-size: 12px;
+
font-weight: bold;
+
  }
+
 
+
 
+
.menu-items li:hover ul, .menu-items li.hover ul{
+
padding-left: 0;
+
visibility: visible;
+
  opacity: 1;
+
transition:  opacity 1s ease-in 0s, visibility 0s linear 0s;
+
}
+
 
+
 
+
 
+
 
+
.menu-items li ul {
+
visibility: hidden;
+
opacity: 0;
+
transition:  opacity 0.5s ease-in 0s, visibility 0s linear 0.5s;
+
position: absolute;
+
top: 10px;
+
  margin-right: 0px;
+
  margin-left: 0px;
+
padding: 0;
+
text-align: left;
+
}
+
 
+
.menu-items li ul a{list-style-type:none;}
+
 
+
 
+
.menu-items li ul li{
+
text-align: left;
+
padding: 2px 0px;
+
width: auto;
+
display:block;
+
height: 8px;
+
margin: 0px;
+
 
+
}
+
 
+
.menu-items li ul li a {
+
color: #22343C;
+
font-size: 9px;
+
}
+
 
+
.menu-items li ul li a:hover {
+
color: #FE6C68;
+
}
+
 
+
.menu-items a {
+
color: #22343C;
+
text-decoration: none;
+
font-family: Raleway; 
+
}
+
 
+
.menu-items a:hover {color: #70C4BB;
+
    -webkit-transition: color ease-in-out 150ms;
+
}
+
 
+
 
+
 
+
 
+
.buttonblack {
+
  margin-bottom: 10px;
+
margin-top: 10px;
+
text-transform: uppercase;
+
  font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.428571429;
+
  text-align: center;
+
  white-space: nowrap;
+
  vertical-align: middle;
+
  border-radius: 4px;
+
transition-property: background-color, color, border-color;
+
  transition-duration: 1s;
+
  transition-timing-function: ease;
+
            color: #FFFFFF;
+
  border: solid 5px #336666;
+
    padding: 10px 16px;
+
  text-decoration: none;
+
  width:180px; background-color: #336666;
+
font-family: Raleway;
+
letter-spacing: 2px;
+
font-weight: bold;}
+
 
+
 
+
.buttonblack:hover {border-color: #fff; color: #fff; background: none;}
+
.buttongreen:hover {border-color: #019966; color: #019966; background: none;}
+
 
+
.buttongreen {  margin-bottom: 10px;
+
margin-top: 20px;
+
text-transform: uppercase;
+
  font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.428571429;
+
  text-align: center;
+
  white-space: nowrap;
+
  vertical-align: middle;
+
  border-radius: 4px;
+
transition-property: background-color, color, border-color;
+
  transition-duration: 1s;
+
  transition-timing-function: ease;
+
            color: #FFFFFF;
+
  border: solid 5px #019966;
+
    padding: 10px 16px;
+
  text-decoration: none;
+
  width:180px; background-color: #019966;
+
font-family: Raleway;
+
letter-spacing: 2px;
+
font-weight: bold;}
+
 
+
a.buttongreen  {text-decoration: none; color: #fff;}
+
 
+
.igemlogoo {width: 65px;}
+
 
+
 
+
/*media*/
+
 
+
@media(max-width:1280px){
+
.menu-items {padding-right: 53px;}
+
.menu-items li {margin-right: 12px; margin-left: 12px; letter-spacing: 3px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width:1152px){
+
.menu-items li {margin-right: 12px; margin-left: 9px; letter-spacing: 2.8px;}
+
 
+
}
+
 
+
 
+
@media(max-width:1024px){
+
.menu-items li {
+
margin-right: 9px;
+
letter-spacing: 2.4px; }
+
.menu-items ul li ul a {font-size: 10px; letter-spacing: 1.9px;}
+
.igemlogoo {width: 50px;}
+
#bodyContent {margin-left: -60px; width: calc(100% + 32px);}
+
 
+
}
+
 
+
@media(max-width:960px){
+
.menu-items li {
+
margin-right: 9px;
+
font-size: 10px;
+
letter-spacing: 2.4px;
+
}
+
 
+
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width:900px){
+
 
+
 
+
 
+
.menu-items li {
+
margin-right: 9px;
+
margin-left: 0px;
+
font-size: 10px;
+
letter-spacing: 2.4px;
+
 
+
}
+
 
+
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
 
+
.menu-items li ul li {height: 6px;}
+
 
+
.mainmenu {height: 90px; }
+
 
+
 
+
.menu-items li ul {top: 20px;}
+
 
+
}
+
 
+
 
+
 
+
 
+
 
+
@media(max-width:830px){
+
 
+
.igemlogoo {width: 40px; opacity: 0.7;}
+
 
+
#igemlogo {top: 40px; z-index: -1;}
+
  #ucligemlogo {display: none;}
+
 
+
.menu-items ul li ul a {letter-spacing: 1.4px;}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width: 768px){
+
 
+
 
+
.menu-items li {
+
letter-spacing: 2px;
+
font-size: 10px;
+
margin-right: 3px;
+
margin-left: 3px;
+
margin-top: 6px;
+
text-align: center;
+
}
+
.menu-items ul {text-align: center; padding: 0; margin: 0 2px; list-style:none;}
+
 
+
.menu-items {text-align: center; padding-left: 0px; margin: 0 auto;}
+
.menu-items li ul {position: absolute; left: 0; width: 100%; text-align: center; margin-top: 20px;  }
+
 
+
.menu-items li ul li {display: inline-block;  margin-left: 10px; margin-right: 10px; height: 34px; }
+
.menu-items ul li ul a { font-size: 10px; letter-spacing: 2px;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 740px){
+
 
+
.menu-items li {
+
letter-spacing: 1.6px;
+
font-size: 10px;
+
margin-right: 3px;
+
margin-top: 6px;
+
}
+
 
+
 
+
}
+
 
+
 
+
@media(max-width: 680px){
+
 
+
.menu-items li {
+
letter-spacing: 1.8px;
+
font-size: 9px;
+
margin-right: 3px;
+
margin-left: 3px;
+
margin-top: 8px;
+
}
+
 
+
.menu-items li ul { margin-top: 20px;}
+
 
+
.menu-items li ul li {margin-right: 6px;
+
margin-left: 6px;}
+
 
+
.menu-items ul li ul a { font-size: 9px; letter-spacing: 1.8px;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 640px){
+
.mainmenu, .mainmenu ul, .mainmenu ul li {visibility: hidden;}
+
#hidden-menu {display: block; z-index: 999999;}
+
 
+
}
+
 
+
 
+
 
+
@media(max-width:1280px){
+
 
+
.bigtitle {font-size: 15px;}
+
.bigtitle {width: 50%;}
+
.buttonblack {padding: 5px 11px;}
+
 
+
}
+
 
+
 
+
@media(max-width:1152px){
+
 
+
.bigtitle {font-size: 14px;}
+
.bigtitle {width: 52%;}
+
.titlecircle {width: 80%;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
}
+
 
+
 
+
@media(max-width:1024px){
+
.bigtitle {width: 58%;}
+
.titlecircle {padding-top: 15%; width: 75%;}
+
#wrapper {top: 100px;}
+
a.buttonblack {font-size: 10px; letter-spacing: 1.7px;}
+
#header2:before {background-image: none;}
+
#mobilebackground {display: block;}
+
.constructs {font-size: 15px;}
+
 
+
 
+
}
+
 
+
@media(max-width:960px){
+
 
+
.bigtitle {font-size: 13px; width: 65%;}
+
.arrow {font-size: 40px;}
+
.buttonblack {padding: 5px 5px;}
+
#submenu {width: 110%; margin-left: -5%;}
+
.constructs img {float: none !important; margin: 0 auto !important; min-width: 60% !important;}
+
.constructs {text-align: center;}
+
}
+
 
+
 
+
@media(max-width:910px){
+
}
+
 
+
@media(max-width:850px){
+
a.buttonblack {font-size: 10px; letter-spacing: 1.3px;}
+
.buttonblack {padding: 4px 3px;}
+
#submenu {width: 112%; margin-left: -6%;}
+
.constructs img {min-width: 80% !important;}
+
 
+
 
+
 
+
 
+
}
+
 
+
 
+
 
+
@media(max-width: 768px){
+
.bigtitle {width: 90%; font-size: 13px; padding: 13%; margin-left: -7%;}
+
.bigtitle p { font-size: 13px; margin-top: 10px !important;}
+
.titlecircle {width: 70%; padding-top: 8%;}
+
a.buttonblack {font-size: 9px; letter-spacing: 1.3px;}
+
#submenu {width: 80%; margin: 0 auto;}
+
.buttonblack {line-height: 3.8;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
.citecryan {margin-left: 50px;}
+
 
+
}
+
 
+
 
+
 
+
 
+
@media(max-width:680px){
+
#wrapper {width: 100%;}
+
#text {margin: 50px 25px 0 25px;}
+
#text h4 {font-size: 13px;}
+
.constructs {font-size: 13px;}
+
.bigtitle p { font-size: 13px; }
+
.titlecircle {width: 60%;}
+
#submenu {width: 70%; margin: 0 auto;}
+
.buttonblack {line-height: 3.8;}
+
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
.buttonblack {padding: 5px 8px;}
+
 
+
}
+
 
+
@media(max-width:640px){
+
.arrow {font-size: 30px;}
+
.titlecircle {width: 60%;}
+
#submenu {width: 80%; margin: 0 auto;}
+
 
+
 
+
}
+
 
+
 
+
 
+
@media(max-width:530px){
+
a.buttonblack {font-size: 10px; letter-spacing: 1.8px;}
+
.bigtitle  {background-image:none;}
+
.titlecircle {width: 60%;}
+
.title2 {font-size: 320%;}
+
#text h4 {line-height: 1.7;}
+
.citecryan {margin-left: 10px;}
+
 
+
 
+
}
+
 
+
@media(max-width: 480px) {
+
.bigtitle p { font-size: 13px; text-align: center;}
+
.titlecircle {width: 70%;}
+
#submenu {width: 90%; margin: 0 auto;}
+
 
+
 
+
 
+
}
+
 
+
@media(max-width: 410px) {
+
.titlecircle {width: 75%;}
+
.title2 {font-size: 300%;}
+
.bigtitle p {line-height: 1.5 !important;}
+
}
+
 
+
@media(max-width: 380px) {
+
.titlecircle {width: 75%; padding-top: 10%;}
+
.bigtitle p {font-size: 12px; line-height: 1.2 !important; letter-spacing: 1px;}
+
.title2 {font-size: 260%;}
+
 
+
}
+
 
+
 
+
@media(max-width: 360px) {
+
.titlecircle {width: 80%;}
+
.title2 {font-size: 240%;}
+
.buttonblack {width: 250px; display: block; line-height: 1.5; margin: 5px auto;}
+
}
+
</style>
+
 
+
 
+
</head>
+
 
+
 
<body>
 
<body>
 
+
<p> Aman is amazing </p>
<div style="clear: both;"></div>
+
<nav class="mainmenu">
+
<div id="menu" class="menu">
+
+
<div class="menu-items">
+
<div id="igemlogo">
+
<a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" class="igemlogoo"></a></div>
+
 
+
<div id="igemlogo2">
+
<a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/0/09/UCL_iGEM_logo_green.png" class="igemlogoo" style="float:left;position:fixed;left:90px;top:25px;"> </a>
+
</div>
+
 
+
 
+
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>   
+
   
+
 
+
 
+
+
 
+
 
+
<li><a href="#">Lab work</a>
+
<ul> 
+
 
+
<li><a href="https://2015.igem.org/Team:UCL/Effectors"> &#9679;  Psychobiotics</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Sensors"> &#9679;  Mood Detection</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Safety"> &#9679;  Built-in Biosafety</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Design"> &#9679; Gut-on-a-Chip</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Fermentation"> &#9679; Scaling Up</a></li>
+
 
+
 
+
</ul>
+
</li>
+
 
+
  <li><a href="https://2015.igem.org/Team:UCL/Practices">Practices</a>
+
+
</li>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
+
<li><a href="https://2015.igem.org/Team:UCL/Entrepreneurship">Entrepreneurship</a></li>
+
 
+
 
+
<li><a href="#">Process</a><ul>
+
  <li><a href="https://2015.igem.org/Team:UCL/Interlabstudy"> &#9679;  InterLab Study</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Collaborations"> &#9679;  Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Notebook"> &#9679;  Notebook</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Protocols"> &#9679;  Protocols</a></li>
+
 
+
 
+
</ul>
+
</li>
+
 
+
<li><a href="#">Outcomes</a><ul>
+
<li><a href="https://2015.igem.org/Team:UCL/Software">&#9679; Software</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Bactoman">&#9679; Bactoman</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Parts"> &#9679; Parts</a></li>
+
 
+
<li><a href="https://2015.igem.org/Team:UCL/Achievements"> &#9679;  Achievements</a></li>
+
 
+
</ul></li>
+
 
+
 
+
<li><a href="#">People</a>
+
<ul>
+
                              <li><a href="https://2015.igem.org/Team:UCL/Team"> &#9679; Team</a></li>
+
                              <li><a href="https://2015.igem.org/Team:UCL/Sponsors">&#9679; Sponsors</a></li>
+
                              <li><a href="https://2015.igem.org/Team:UCL/Attributions">&#9679; Attributions</a></li>
+
</ul>
+
</li>
+
 
+
</ul>
+
 
+
+
              </div>
+
</div>
+
+
</nav>
+
 
+
<div id="hidden-menu">
+
<img src="https://static.igem.org/mediawiki/2015/d/de/UCLigemMobileMenu.png" id="mobilebutton">
+
<ul id="mobile-list">
+
<li><a href="https://2015.igem.org/Team:UCL">Home</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Effectors">Psychobiotics</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Sensors">Mood Detection</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Design">Gut-on-a-Chip</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Fermentation">Scaling Up</a></li>
+
  <li><a href="https://2015.igem.org/Team:UCL/Practices">Practices</a>
+
<li><a href="https://2015.igem.org/Team:UCL/Entrepreneurship">Entrepreneurship</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Software">Software</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Bactoman">Bactoman</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>
+
 
+
<li><a href="https://2015.igem.org/Team:UCL/Achievements">Achievements</a></li>
+
 
+
                              <li><a href="https://2015.igem.org/Team:UCL/Team">Team</a></li>
+
                              <li><a href="https://2015.igem.org/Team:UCL/Attributions">Attributions</a></li>
+
 
+
<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
+
</ul>
+
  </div> </div></div>
+
 
</body>
 
</body>
 
 
 
<head>
 
 
<style>
 
 
 
 
   
 
.buttonblack2 {
 
text-transform: uppercase;
 
  font-size: 14px;
 
  font-weight: normal;
 
  line-height: 1.428571429;
 
  text-align: center;
 
  white-space: nowrap;
 
  vertical-align: middle;
 
  border-radius: 4px;
 
transition-property: background-color, color, border-color;
 
  transition-duration: 1s;
 
  transition-timing-function: ease;
 
            color: #FFFFFF;
 
    padding: 10px 16px;
 
  text-decoration: none;
 
font-family: Raleway;
 
letter-spacing: 2px;
 
font-weight: bold;}
 
  .buttonblack2 {background-color: #336666; border-color: #336666; }
 
 
  a.buttonblack2 { color: #fff !important; font-size: 12px;}
 
.buttonblack2:hover {border-color: #336666; color: #336666 !important; background-color: #fff !important;}
 
 
 
 
 
.interesting1 {
 
height:50px;
 
width:50px;
 
position:absolute;
 
float:left;
 
left:5%;
 
bottom:3%;
 
}
 
  .interesting2 {
 
height:50px;
 
width:50px;
 
position:absolute;
 
float:left;
 
left:20%;
 
bottom:3%;
 
}
 
 
 
/*references*/
 
.content .tooltip {
 
  background-color: #fff;
 
border: 1px #22343C solid;
 
  border-radius: 4px;
 
  padding: 3px;
 
  position: absolute;
 
  width: 300px;
 
  z-Index: 99999;
 
  display: none;
 
letter-spacing: 1px;
 
line-height: 1;
 
font-size: 11px;
 
}
 
 
.tooltip a {color: #22343C;}
 
.tooltip {color: #22343C;}
 
 
.content {
 
  position: relative;
 
}
 
 
.content {color: #d67166;}
 
 
/* end-of-references */
 
 
#headerr {background-image: url('https://static.igem.org/mediawiki/2015/d/d4/UCL_London_Quad_Frontpage.jpeg');
 
text-align: center; width: 100%;
 
height: 100%;
 
position: relative;
 
display: block !important;
 
margin: 0;
 
padding: 0;
 
top: 0;
 
bottom: 0;
 
  background-repeat: no-repeat;
 
 
  background-size: cover;
 
background-position: top left;
 
color:none;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
 
vertical-align: middle;
 
}
 
 
 
 
/*#logophoto {width: 500px; height: 433px; height: 100%; opacity: 1; z-index: 99999;}*/
 
#logo {
 
  padding-top:12%;
 
height: 100%;
 
}
 
 
 
  #logophoto {
 
  max-width: 500px;
 
  opacity: 1;
 
  width: 360px;
 
  z-index: 99999;
 
top:30%;
 
position:static;
 
transition-property: opacity;
 
  transition-duration: 2s;transition-timing-function: ease;
 
}
 
#logophoto:hover {opacity: 0.7; transition-property: opacity;
 
  transition-duration: 2s;transition-timing-function: ease;}
 
 
/*#hidden-menu {
 
z-index:999;
 
}*/
 
 
 
 
#introo1 {width: 100%; height: 100%;
 
    background-image: url('https://static.igem.org/mediawiki/2015/a/a5/UCLFRONTBLOCK_1_2015.png');
 
position: relative;
 
    -webkit-background-size: cover;
 
  background-size: cover;
 
background-position: 0 -100px;
 
 
 
display: block !important;
 
margin: 0;
 
padding: 0;
 
top: 0;
 
bottom: 0;
 
  background-repeat: no-repeat;
 
 
color:none;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
 
vertical-align: middle;
 
font-family: Raleway;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 
  padding-top: 50px;
 
  padding-bottom: 50px;
 
 
 
}
 
  #introo3 {width: 100%;
 
    background-image: url('https://static.igem.org/mediawiki/2015/c/c3/UCLFRONTBLOCK_2_2015.png');
 
position: relative;
 
    -webkit-background-size: cover;
 
  background-size: cover;
 
background-position: 0 -100px;
 
 
 
display: block !important;
 
margin: 0;
 
padding: 0;
 
top: 0;
 
bottom: 0;
 
  background-repeat: no-repeat;
 
 
color:none;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
 
vertical-align: middle;
 
font-family: Raleway;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 
  padding-top: 50px;
 
  padding-bottom: 50px;
 
 
 
}
 
 
  #introo1text {background: #fff;
 
    border-radius: 20px;
 
    font-size: 17px; width: 70%; margin: 0 auto; line-height: 1.7; padding: 30px; text-align: justify;}
 
 
  #introo2text {width: 60%; margin: 0 auto; padding-top: 50px;}
 
 
 
  #introo2 {width: 100%; height: 100%;
 
background: #EBF2F8;
 
position: relative;
 
display: block !important;
 
margin: 0;
 
padding: 0;
 
top: 0;
 
bottom: 0;
 
  background-repeat: no-repeat;
 
 
  background-size: cover;
 
background-position: top left;
 
color:none;
 
-webkit-box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
box-sizing: border-box;
 
 
vertical-align: middle;
 
font-family: Raleway;
 
letter-spacing: 1.1px; font-size: 13px; top: 0px;
 
  padding-top: 100px;
 
  padding-bottom: 50px;
 
 
 
}
 
 
 
 
 
@media (max-width:1024px){
 
#introo1 {}
 
#introo2 { height: 100%;}
 
#introo3 {height: 100%; background-position: left 0px bottom -35px;}
 
#introo1text, #introo1arrow {font-size: 18px; line-height: 1.5;}
 
}
 
 
@media (max-width:768px){
 
#introo1 {background-position: 0 100px;}
 
#introo1text {font-size: 18px; line-height: 1.5; bottom: 10%;}
 
#introo2text {font-size: 20px; line-height: 1.5; bottom: 10%;}
 
}
 
 
@media (max-width:480px){
 
#introo1 {background-position: 0 100px;}
 
#introo1text {font-size: 15px; line-height: 1.5;}
 
#introo2text {font-size: 17px; line-height: 1.5; bottom: 20%;}
 
 
}
 
 
 
@media (max-width:360px){
 
#introo1 {background-position: 0 60px;}
 
#introo1text, #introo2text {font-size: 14px; line-height: 1.2;}
 
#introo2text {font-size: 15px; line-height: 1.5; bottom: 20%;}
 
 
}
 
 
 
 
 
</style>
 
</head>
 
 
 
 
 
<body>
 
<div id="headerr">
 
<script>
 
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
 
  ga('create', 'UA-66078098-1', 'auto');
 
  ga('send', 'pageview');
 
 
</script>
 
 
<div id="logo"> 
 
<!--<a href="https://2015.igem.org/Team:UCL/Software#mark"><img src="https://static.igem.org/mediawiki/2015/f/f1/Mind_the_Mark_icon_black_and_white.png" class="interesting1"/></a>
 
<a href="https://2015.igem.org/Team:UCL/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2015/e/e6/Prokao_logo_black_and_white.png" class="interesting2"/></a> -->
 
<img src="https://static.igem.org/mediawiki/2015/5/56/Mind_the_gut_logo_small_frontpage.png" id="logophoto" style="" alt="Mind the Gut">
 
 
      <div class="intro-buttons" id="box-links" style="margin: 0 auto;">
 
        <a data-scroll data-options='{ "easing": "linear" }' href="#introo2" class="buttonblack">Learn more</a>
 
 
<br/>
 
 
      </div>
 
</div>
 
 
</div>
 
 
 
 
<div id="introo2">
 
 
<div id="introo2text">
 
<video width="100%" controls>
 
  <source src="https://static.igem.org/mediawiki/2015/b/b1/Mind_the_gut_UCL_iGEM_2015_Wiki.mp4">
 
  </video>
 
  </div></div>
 
 
 
 
<div id="introo1">
 
<!--
 
<center>
 
          <a style="position:relative;bottom:100px;" href="https://2015.igem.org/Team:UCL/Description" class="buttonblack2">Project description</a></center>
 
--> 
 
</div>
 
 
 
  </div>
 
  <div id="introo3">
 
    <div id="introo3text">
 
  </div>
 
  </div>
 
  </div>
 
 
 
 
 
</div>
 
 
 
 
 
</div>
 
 
 
<div style="clear: both;"></div>
 
 
</div>
 
 
 
</div>
 
 
 
 
 
 
</body>
 
 
 
 
 
 
 
 
</p>
 
<!--
 
NewPP limit report
 
CPU time usage: 0.006 seconds
 
Real time usage: 0.006 seconds
 
Preprocessor visited node count: 9/1000000
 
Preprocessor generated node count: 44/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 2015_igem_org:pcache:idhash:4725-0!*!*!*!*!*!* and timestamp 20160802130906 and revision id 406285
 
-->
 
</div> <div class="visualClear"></div>
 
    </div>
 
</div>
 
    </div>
 
</body>
 
 
</html>
 
</html>

Revision as of 19:13, 9 August 2016

Aman is amazing