|
|
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&feed=atom" />
| + | |
− | <link rel="stylesheet" href="https://2015.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| + | |
− | <!--[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&lang=en&modules=startup&only=scripts&skin=igem&*"></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&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"> ● 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/Safety"> ● Built-in Biosafety</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>
| + | |
− | | + | |
− | | + | |
− | </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"> ● InterLab Study</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Collaborations"> ● Collaborations</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Notebook"> ● Notebook</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Protocols"> ● Protocols</a></li>
| + | |
− | | + | |
− | | + | |
− | </ul>
| + | |
− | </li>
| + | |
− | | + | |
− | <li><a href="#">Outcomes</a><ul>
| + | |
− | <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/Parts"> ● Parts</a></li>
| + | |
− | | + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Achievements"> ● Achievements</a></li>
| + | |
− | | + | |
− | </ul></li>
| + | |
− | | + | |
− | | + | |
− | <li><a href="#">People</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Team"> ● Team</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Sponsors">● Sponsors</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:UCL/Attributions">● 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> |