Difference between revisions of "Template:CSS UCL5"
Superjack15 (Talk | contribs) |
|||
(630 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320--> | ||
− | + | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway|League Script"/> | |
− | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway"/> | + | <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'> | ||
<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://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | ||
+ | |||
+ | <script> | ||
+ | <!--$(document).mouseup(function (e) | ||
+ | { | ||
+ | var container = $("mobile-list"); | ||
+ | |||
+ | if (!container.is(e.target) // if the target of the click isn't the container... | ||
+ | && container.has(e.target).length === 0) // ... nor a descendant of the container | ||
+ | { | ||
+ | container.hide(); | ||
+ | } | ||
+ | });--> | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /*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%; top: 0; margin: 0 auto; font-size: 16px; background-image: 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: 300px; color: #22343C;} | ||
+ | |||
+ | .bigtitle a {color: #22343C; text-decoration: none;} | ||
+ | |||
+ | .title2 {font-family: Allura; font-size: 300%;line-height:1.5; color:grey;} | ||
+ | |||
+ | .titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;} | ||
+ | |||
+ | .arrow {font-size: 50px;} | ||
+ | /*HEADINGS*/ | ||
h5 { | h5 { | ||
− | font-size: | + | font-size:600%; |
− | text-align: | + | text-align:center; |
color:#085275; | color:#085275; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.25; | ||
/*color:#1E896B;*/ | /*color:#1E896B;*/ | ||
+ | font-family: Raleway; | ||
} | } | ||
− | + | h3{padding:25px 40px 0px 0px;} | |
− | + | ||
− | + | #text h2 { | |
+ | font-size: 30px !important; | ||
} | } | ||
+ | #wrapper { | ||
+ | width: 80%; | ||
+ | height: 80%; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | top: 80px; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | #submenu { | ||
+ | width: 100%; | ||
+ | margin-top: 20px; | ||
+ | text-align: center; | ||
+ | position: relative;} | ||
+ | |||
+ | #text { | ||
+ | margin-top: 50px; | ||
+ | z-index: 9999; | ||
+ | } | ||
+ | #text h2 { | ||
+ | font-size: 20px; | ||
+ | text-decoration: none; | ||
+ | border-bottom: 0px; | ||
+ | display: block; | ||
+ | background-color: #c97062; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | border-radius: 4px; | ||
+ | padding: 10px; | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color:#473E4F; | ||
+ | } | ||
+ | |||
+ | a:hover | ||
+ | {color: #70C4BB; | ||
+ | text-decoration:none; | ||
+ | -webkit-transition: color ease-in-out 150ms; | ||
+ | } | ||
+ | |||
+ | |||
+ | a:visited { | ||
+ | color:#473E4F; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | box-sizing: border-box; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | @media (max-width:400px){ | ||
+ | p {text-align:justify;}; | ||
+ | h3 {font-size:10px;}; | ||
+ | } | ||
/* wiki width fixing */ | /* wiki width fixing */ | ||
Line 37: | Line 156: | ||
#globalWrapper, #content { | #globalWrapper, #content { | ||
− | width: 100%; | + | width: 100%!important; |
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
− | background-color: | + | background-color: F8FFFF; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
+ | top:0%; | ||
+ | position:absolute; | ||
} | } | ||
− | html | + | html, body, #container { |
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | background: #fff; | ||
} | } | ||
Line 56: | Line 178: | ||
/* blocks */ | /* blocks */ | ||
− | #header {background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg'); margin: -5px; | + | |
+ | #header {/*background-image: url('https://static.igem.org/mediawiki/2015/b/b0/UCL_University_College_London2.jpg');*/ margin: -5px; | ||
text-align: center; width: 100%; | text-align: center; width: 100%; | ||
+ | min-height: 640px; | ||
height: 100%; | height: 100%; | ||
+ | width:100%; | ||
position: relative; | position: relative; | ||
− | display: block; | + | display: block !important; |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 67: | Line 192: | ||
bottom: 0; | bottom: 0; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | |||
− | + | background-size: 130%; | |
− | + | background-position: center -200px; | |
− | + | color:none; | |
− | + | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | vertical-align: middle; } | + | vertical-align: middle; |
+ | } | ||
+ | @media (max-width:743px) { | ||
+ | /*#header {width:auto;height:100%;}*/ | ||
+ | } | ||
− | + | .buttonblack { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 10px; | ||
+ | |||
+ | } | ||
/*twitter*/ | /*twitter*/ | ||
Line 169: | Line 233: | ||
iframe.twitter-timeline { | iframe.twitter-timeline { | ||
height: 220px !important; | height: 220px !important; | ||
− | width: | + | |
+ | width: 100% !important; | ||
} | } | ||
− | + | /* width: 500px !important; */ | |
/* logo and buttons */ | /* logo and buttons */ | ||
− | |||
− | |||
− | |||
− | |||
− | h6 { | + | |
+ | |||
+ | /*h6 { | ||
font-size:200%; | font-size:200%; | ||
margin-top:-50px; | margin-top:-50px; | ||
Line 187: | Line 250: | ||
font-family:"lucida calligraphy", sans serif; | font-family:"lucida calligraphy", sans serif; | ||
font-style:italic; | font-style:italic; | ||
− | } | + | }*/ |
− | + | /* #logo {padding-top: 10%; padding-bottom: 10%;}*/ | |
− | + | #logo { | |
− | + | padding-top: 105px; | |
− | + | height: 100%; | |
} | } | ||
− | |||
Line 241: | Line 303: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
margin-right: 5px; | margin-right: 5px; | ||
− | margin-left: 5px; | + | margin-left: 5px;F |
font-size: 14px; | font-size: 14px; | ||
font-weight: normal; | font-weight: normal; | ||
Line 316: | Line 378: | ||
} | } | ||
− | .back {text-align: center; | + | .back {text-align: center; top: 15%; position: relative;} |
− | + | .back img {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;} | |
− | .back | + | .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;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | letter-spacing | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | color: # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | color | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
+ | |||
/*abstractstyle*/ | /*abstractstyle*/ | ||
#abstracttext {height: 80%; | #abstracttext {height: 80%; | ||
Line 380: | Line 394: | ||
letter-spacing: 1.2px; line-height: 2; | letter-spacing: 1.2px; line-height: 2; | ||
text-align: justify; | text-align: justify; | ||
− | font-size: | + | font-size: 17px; |
background: #fff; | background: #fff; | ||
border: #fff 1px solid; | border: #fff 1px solid; | ||
Line 389: | Line 403: | ||
− | #abstracttext p { line-height: 2; padding-left: 30px; padding-right: 30px; font-size: | + | #abstracttext p { line-height: 2; padding-left: 30px; padding-right: 30px; font-size: 17px; |
} | } | ||
Line 410: | Line 424: | ||
/*menu*/ | /*menu*/ | ||
− | . | + | .mainmenu { |
position: fixed; | position: fixed; | ||
− | top: | + | top: 0; |
left: 0; | left: 0; | ||
− | z-index: | + | z-index: 99999; |
width: 100%; | width: 100%; | ||
− | height: | + | height: 75px; |
− | + | ||
− | + | ||
font-size: 16px; | font-size: 16px; | ||
background-color: #fff; | background-color: #fff; | ||
+ | opacity:0.85; | ||
} | } | ||
− | @media( | + | @media(min-width:1392px){ |
− | . | + | .mainmenu { |
+ | height:75px; | ||
+ | } | ||
} | } | ||
− | @media(max-width: | + | @media(max-width:1110px){ |
+ | .mainmenu { | ||
+ | height:100px; | ||
+ | } | ||
+ | } | ||
− | + | @media(max-width:606px){ | |
+ | |||
+ | .mainmenu { | ||
+ | height:134px; | ||
} | } | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | @media(max-width:570px){ | ||
+ | .mainmenu { | ||
+ | height:163px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media(max-width:511px){ | ||
+ | .mainmenu { | ||
+ | height:183px; | ||
+ | } | ||
+ | }*/ | ||
+ | |||
@media(max-width:400px){ | @media(max-width:400px){ | ||
− | + | h5 {font-size:400%;margin-top:30px;text-align:center;font-family: arial;} | |
+ | #main {padding-top:0px;border-top:0px;margin-top:0px;top:0px;position:static;z-index:0} | ||
} | } | ||
+ | /* CHANGE */ | ||
+ | @media(max-width: 606px){ | ||
+ | .mainmenu {display:none;} | ||
+ | .mainmenu ul {display:none;} | ||
+ | #hidden-menu { | ||
+ | display:block;} | ||
+ | } | ||
− | + | #hidden-menu { | |
+ | margin-left:85%;} | ||
+ | @media(min-width: 606px){ | ||
+ | #hidden-menu {display:none;}; | ||
+ | h5 {font-size:15px;}; | ||
} | } | ||
+ | |||
+ | #hidden-menu:hover ul{ | ||
+ | display:block; | ||
+ | height:auto; | ||
+ | width:auto; | ||
+ | z-index:99999999 | ||
+ | } | ||
+ | |||
+ | #hidden-menu ul li{ | ||
+ | display:none; | ||
+ | clear:both; | ||
+ | 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 { | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | top:60px; | ||
+ | right:50px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | /*CHANGE END*/ | ||
+ | |||
+ | #igemlogo { | ||
+ | position:fixed; | ||
+ | top:27px; | ||
+ | left:-10px; | ||
+ | float:left; | ||
+ | margin-left:50px; | ||
+ | margin-top:5px | ||
+ | z-index:99999; | ||
+ | } | ||
+ | |||
+ | #ucligemlogo { | ||
+ | position:fixed; | ||
+ | top:23px; | ||
+ | left:50px; | ||
+ | float:left; | ||
+ | margin-left:50px; | ||
+ | margin-top:5px | ||
+ | z-index:99999; | ||
+ | } | ||
+ | |||
+ | .menu-items {display: inline-block; | ||
+ | width: 100%; | ||
+ | text-align: right; | ||
+ | position:fixed; | ||
+ | top:26px; | ||
+ | right:3%; | ||
+ | z-index:99998; | ||
+ | } | ||
+ | |||
@media(max-width: 463px){ | @media(max-width: 463px){ | ||
.menu-items {margin-top: 10px; } | .menu-items {margin-top: 10px; } | ||
Line 457: | Line 597: | ||
display:block; | display:block; | ||
− | height:auto; width:auto; | + | height:auto; width:auto; |
list-style-position: inside; | list-style-position: inside; | ||
list-style-type: none !important; | list-style-type: none !important; | ||
padding-left: 0 !important; | padding-left: 0 !important; | ||
− | margin-left: - | + | margin-left: -10px; |
float: left; | float: left; | ||
} | } | ||
Line 468: | Line 608: | ||
.menu-items li ul { | .menu-items li ul { | ||
display:none; | display:none; | ||
− | position: | + | position:fixed; |
+ | top:53px; | ||
+ | margin:auto; | ||
} | } | ||
.menu-items li ul li{ | .menu-items li ul li{ | ||
− | + | clear:both; | |
− | + | position: relative; | |
text-align: center; | text-align: center; | ||
+ | font-size:9px; | ||
display: block; | display: block; | ||
− | + | background: #383E45; | |
− | padding: | + | padding: 4px; |
− | border: solid 1px #493C54; | + | /*border: solid 1px #493C54; |
+ | border-radius: 4px; | ||
+ | box-shadow:1.5px 1.5px lightgrey;*/ | ||
+ | opacity:0.95; | ||
+ | z-index:99999999; | ||
+ | margin:0 0 0 0; | ||
+ | } | ||
+ | .menu-items li ul li a { | ||
+ | color: #fff; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .menu-items li ul li a:hover { | ||
+ | color: #70c4bb; | ||
} | } | ||
− | .menu-items | + | .menu-items a { |
− | + | color: black; | |
− | + | text-decoration: none; | |
+ | font-family: Raleway; | ||
} | } | ||
− | .menu-items a:hover {color: # | + | .menu-items a:hover {color: #70C4BB; |
− | -webkit-transition: color ease-in-out | + | -webkit-transition: color ease-in-out 150ms; |
} | } | ||
− | |||
Line 498: | Line 653: | ||
h3 {font-size:17px;} | h3 {font-size:17px;} | ||
p {font-size:12px;} | p {font-size:12px;} | ||
+ | .menu-items{width:80%;} | ||
} | } | ||
+ | |||
.buttonblack { | .buttonblack { | ||
Line 590: | Line 747: | ||
.sssprev { | .sssprev { | ||
− | left: 3%; | + | /*left: 3%;*/ |
background-position: 0 50%; | background-position: 0 50%; | ||
z-index:100; | z-index:100; | ||
Line 596: | Line 753: | ||
.sssnext { | .sssnext { | ||
− | right: | + | right: 0; |
background-position: -26px 50%; | background-position: -26px 50%; | ||
} | } | ||
Line 623: | Line 780: | ||
} | } | ||
− | .just_text {display: inline; padding-top: 6%; | + | /*.just_text {display: inline; padding-top: 6%; |
padding-right: 10%; | padding-right: 10%; | ||
width: 600px; | width: 600px; | ||
Line 635: | Line 792: | ||
height: 330px; | height: 330px; | ||
text-align: justify; | text-align: justify; | ||
+ | }*/ | ||
+ | .just_text { | ||
+ | |||
+ | float: right; | ||
+ | font-family: Raleway; | ||
+ | font-size: 160%; | ||
+ | letter-spacing: 3px; | ||
+ | line-height: 1.5; | ||
+ | margin-left: 6%; | ||
+ | margin-right: 6%; | ||
+ | text-align: justify; | ||
+ | width: 88%; | ||
} | } | ||
− | #main { margin-top: | + | #main { margin-top: 5%; padding-bottom: 50px; padding-left: 6%; padding-right: 6%; font-family: Raleway; |
− | letter-spacing: 1.2px; font-size: | + | letter-spacing: 1.2px; font-size: 14px; background: #F8FFFF; } |
+ | |||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
Line 652: | Line 818: | ||
<div style="clear: both;"></div> | <div style="clear: both;"></div> | ||
− | + | <nav class="mainmenu"> | |
− | <nav class=" | + | |
<div id="menu" class="menu"> | <div id="menu" class="menu"> | ||
− | + | ||
− | + | <div class="menu-items"> | |
− | + | ||
− | + | <div id="igemlogo"> | |
− | + | <ul style="margin-top:-5px;"> | |
− | + | <ul style="margin-left:-50px;"> | |
− | + | <a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div> | |
− | + | ||
− | + | <div id="ucligemlogo"> | |
− | + | <ul style="margin-top:5px;"> | |
− | <li><a href="https://2015.igem.org/Team:UCL/Team">Team</li> | + | <ul style="margin-left:-50px;"> |
− | <li><a href="https://2015.igem.org/Team:UCL/Advisors">Advisors</li> | + | <a href="https://2015.igem.org/Team:UCL"><img src="https://static.igem.org/mediawiki/2015/b/b7/UCL_igem_logo_black_and_white.png" style="width: 40px; height: 40px; opacity: 0.8;"></a> |
− | <li><a href="https://2015.igem.org/Team:UCL/Sponsors">Sponsors</li> | + | </div> |
− | + | ||
− | + | <ul style="margin-left:150px;"> | |
− | + | ||
− | + | <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-Chip</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li> | |
+ | <li><a href="https://2015.igem.org/Team:UCL/Protocols">Protocols</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="#">Practices</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCL/Practices">Integrated Human Practices</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Education and Public Engagement</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCL/">Outcomes</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCL/Achievements">Medal Criteria</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCL/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/Entrepreneurship">ProKao</a></li> | ||
+ | <!--<li><a href="https://2015.igem.org/Team:UCL/Bactoman">Bactoman</a></li> --> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/People">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/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/Sponsors">Sponsors</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </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/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/Experiments">Labwork</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/People">People</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice">Policy & Practice</a></li> | ||
+ | <!--<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>--> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </body> | ||
− | + | </html> |
Latest revision as of 12:41, 17 September 2015