Line 1: | Line 1: | ||
− | |||
− | |||
− | * | + | <!DOCTYPE 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> | |
− | transition: | + | <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 ( | + | @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; | ||
} | } | ||
− | + | ||
− | margin- | + | |
− | + | ||
+ | |||
+ | .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> | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
Line 116: | Line 1,158: | ||
<body> | <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> | </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 14:34, 2 August 2016
<!DOCTYPE html>