Difference between revisions of "Template:CSS UCL5"

 
(592 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta name="viewport" content="width=320, initial-scale=1">
+
<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"/>
+
<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'>
  
 
<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).ready(function() {
+
<script>  
−
     $('#hidden-menu').next().hide();
+
<!--$(document).mouseup(function (e)
−
    $('#hidden-menu').hover( function() {
+
{
−
        $(this).next().toggle();
+
     var container = $("mobile-list");
−
    });
+
−
});</script>
+
  
 +
    if (!container.is(e.target) // if the target of the click isn't the container...
 +
        &amp;&amp; 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:800%;
+
font-size:600%;
−
text-align:left;
+
text-align:center;
 
color:#085275;
 
color:#085275;
 
font-weight: normal;
 
font-weight: normal;
 
line-height: 1.25;
 
line-height: 1.25;
 
/*color:#1E896B;*/
 
/*color:#1E896B;*/
 +
font-family: Raleway;
 
}
 
}
  
−
@media (max-width:400px){
+
h3{padding:25px 40px 0px 0px;}
−
p {text-align:justify};
+
 
−
h3 {font-size:10px};
+
#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 47: Line 156:
  
 
#globalWrapper, #content {
 
#globalWrapper, #content {
−
width: 100%;
+
width: 100%!important;
 
height: 100%;
 
height: 100%;
 
border: 0px;
 
border: 0px;
−
background-color: #fff;
+
background-color: F8FFFF;
 
margin: 0px;
 
margin: 0px;
 
padding: 0px;
 
padding: 0px;
 +
top:0%;
 +
position:absolute;
 
}
 
}
  
−
html, #bodyContent, body, #container {
+
html, body, #container {
 
width:100%;
 
width:100%;
 
height:100%;
 
height:100%;
 
box-sizing: border-box;
 
box-sizing: border-box;
 +
background: #fff;
  
 
}
 
}
Line 66: 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 77: Line 192:
 
bottom: 0;
 
bottom: 0;
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
−
  background-attachment: fixed;
 
  
−
   -webkit-background-size: cover;
+
   background-size: 130%;
−
  -moz-background-size: cover;
+
background-position: center -200px;
−
  -o-background-size: cover;
+
color:none;
−
  background-size: cover;
+
 
-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%;}*/
 +
}
  
−
#intro1 {background-image: url('https://static.igem.org/mediawiki/2015/d/d9/UCL_bgtest2.png'); width: 100%;
+
.buttonblack {
−
height: 100%;
+
−
position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 0;
+
−
  }
+
−
 
+
−
 
+
−
 
+
−
#intro2 { background: #F7F7F7;
+
−
width: 100%;
+
−
height: 100%;
+
−
position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 0;
+
−
top: 0;
+
−
bottom: 0;
+
−
  box-sizing: border-box;
+
−
 
+
−
  -webkit-background-size: cover;
+
−
  -moz-background-size: cover;
+
−
  -o-background-size: cover;
+
−
  background-size: cover;
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
box-sizing: border-box;}
+
−
 
+
−
 
+
−
#intro3 { background: #F7F7F7;
+
−
width: 100%;
+
−
height: 100%;
+
−
position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 0;
+
−
top: 0;
+
−
bottom: 0;
+
−
  box-sizing: border-box;
+
−
 
+
−
  -webkit-background-size: cover;
+
−
  -moz-background-size: cover;
+
−
  -o-background-size: cover;
+
−
  background-size: cover;
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
box-sizing: border-box;}
+
−
 
+
−
 
+
−
#abstract {background: #fff;
+
−
width: 100%;
+
−
height: 100%;
+
−
position: relative;
+
−
display: block;
+
−
margin: 0;
+
−
padding: 0;
+
−
top: 0;
+
−
bottom: 0;
+
−
  box-sizing: border-box;
+
−
 
+
−
  -webkit-background-size: cover;
+
−
  -moz-background-size: cover;
+
−
  -o-background-size: cover;
+
−
  background-size: cover;
+
−
-webkit-box-sizing: border-box;
+
−
-moz-box-sizing: border-box;
+
−
box-sizing: border-box;}
+
  
 +
  margin-bottom: 10px;
 +
  margin-top: 10px;
 +
 +
}
  
 
/*twitter*/
 
/*twitter*/
Line 179: Line 233:
 
iframe.twitter-timeline {
 
iframe.twitter-timeline {
 
     height: 220px !important;
 
     height: 220px !important;
−
width: 500px !important;
 
−
}
 
  
 +
width: 100% !important;
 +
}
 +
/* width: 500px !important; */
  
  
 
/* logo and buttons */
 
/* logo and buttons */
  
−
h5 {
 
−
font-size:900%;
 
−
font-family: Raleway;
 
−
}
 
  
−
h6 {
+
 
 +
 
 +
/*h6 {
 
font-size:200%;
 
font-size:200%;
 
margin-top:-50px;
 
margin-top:-50px;
Line 197: Line 250:
 
font-family:"lucida calligraphy", sans serif;
 
font-family:"lucida calligraphy", sans serif;
 
font-style:italic;
 
font-style:italic;
−
}
+
}*/
  
−
  .logophoto {width: 500px; height: 433px; height: 100%; opacity: 0.7;}
+
/* #logo {padding-top: 10%; padding-bottom: 10%;}*/
−
.logophoto:hover {opacity: 1; transition-property: opacity;
+
#logo {
−
  transition-duration: 3s;  
+
  padding-top: 105px;
−
  transition-timing-function: ease;
+
height: 100%;
 
}
 
}
−
#logo {padding-top: 10%; padding-bottom: 10%;}
 
  
  
Line 251: 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 326: Line 378:
 
}
 
}
  
−
.back {text-align: center; padding-bottom: 20px;}
+
.back {text-align: center; top: 15%; position: relative;}
−
.back a {color: #746c7c; font-size: 12px;}
+
.back img {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;}
−
.back a:hover {color: #2e2438;  -webkit-transition: color ease-in-out 400ms;}
+
.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;}
−
.buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
+
−
  .buttonc2:hover {text-decoration: none; background-color: #4EAEA8;}
+
−
    .buttonc3:hover {text-decoration: none; background-color: #1E6073}
+
−
    #buttonc4:hover {text-decoration: none; background-color: #03b576}
+
−
 
+
−
 
+
−
#why2 {padding-top: 10px; text-align: center; color: #fff;}
+
−
#why2 a {color: #fff;}
+
−
 
+
−
#why3 {padding-top: 15px; text-align: center; color: #fff;}  
+
−
#why3 a {color: #fff;}
+
−
 
+
−
/*intro styles*/
+
−
.first {width: 70%;
+
−
padding-top: 10%;
+
−
padding-right: 10%;
+
−
    float: right;
+
−
  font-family: Raleway;
+
−
letter-spacing: 3px;
+
−
color: #5e5a5b;
+
−
line-height: 1.5;
+
−
padding-left: 5%;
+
−
font-size: 24px;
+
−
}
+
−
 
+
−
.second {width: 70%;
+
−
padding-top: 11%;
+
−
padding-left: 9%;
+
−
    float: left;
+
−
  font-family: Raleway;
+
−
letter-spacing: 3px;
+
−
color: #787172;
+
−
 
+
−
line-height: 1.5;
+
−
font-size: 24px;
+
−
}
+
−
 
+
−
.third {width: 80%;
+
−
padding-top: 18%;
+
−
padding-left: 10%;
+
−
    float: left;
+
−
  font-family: Raleway;
+
−
letter-spacing: 3px;
+
−
color: #787172;
+
−
 
+
−
line-height: 1.5;
+
−
font-size: 24px;
+
−
}
+
−
 
+
  
 +
 
/*abstractstyle*/
 
/*abstractstyle*/
 
#abstracttext {height: 80%;  
 
#abstracttext {height: 80%;  
Line 390: Line 394:
 
letter-spacing: 1.2px;    line-height: 2;
 
letter-spacing: 1.2px;    line-height: 2;
 
text-align: justify;
 
text-align: justify;
−
font-size: 15px;
+
font-size: 17px;
 
background: #fff;
 
background: #fff;
 
border: #fff 1px solid;
 
border: #fff 1px solid;
Line 399: Line 403:
 
    
 
    
  
−
#abstracttext p {    line-height: 2; padding-left: 30px; padding-right: 30px; font-size: 15px;
+
#abstracttext p {    line-height: 2; padding-left: 30px; padding-right: 30px; font-size: 17px;
 
}
 
}
  
Line 420: Line 424:
 
/*menu*/
 
/*menu*/
  
−
nav {
+
.mainmenu {
 
   position: fixed;
 
   position: fixed;
−
   top: 15px;
+
   top: 0;
 
   left: 0;
 
   left: 0;
−
   z-index: 9999;
+
   z-index: 99999;
 
   width: 100%;
 
   width: 100%;
−
   height: 60px;
+
   height: 75px;
−
border-bottom: 0px solid #787172;
+
−
border-top: 0px solid #787172;
+
 
font-size: 16px;  
 
font-size: 16px;  
 
background-color: #fff;
 
background-color: #fff;
 +
opacity:0.85;
 
}
 
}
  
−
@media(max-width:855px){
+
@media(min-width:1392px){
−
nav {height:90px;}
+
.mainmenu {
 +
height:75px;
 +
}
 
}
 
}
  
−
@media(max-width:463px){
+
@media(max-width:1110px){
 +
.mainmenu {
 +
height:100px;
 +
}
 +
}
  
−
nav {height:120px;}
+
@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){
−
nav {height:150px;}
+
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 */
 
/* CHANGE */
−
@media(max-width: 399px){
+
@media(max-width: 606px){
−
nav {display:none;}
+
.mainmenu {display:none;}
−
nav ul {display:none;}
+
.mainmenu ul {display:none;}
−
#hidden-menu {display:block;}
+
 
 +
#hidden-menu {
 +
display:block;}
 
}
 
}
  
−
@media(min-width: 399px){
+
#hidden-menu {
−
#hidden-menu {display:none;}
+
margin-left:85%;}
 +
 
 +
@media(min-width: 606px){
 +
#hidden-menu {display:none;};
 +
h5 {font-size:15px;};
 
}
 
}
  
Line 461: Line 495:
 
height:auto;  
 
height:auto;  
 
width:auto;
 
width:auto;
 +
z-index:99999999
 
}
 
}
  
Line 466: Line 501:
 
display:none;
 
display:none;
 
clear:both;
 
clear:both;
−
background-color: #787172;
+
background-color: #70C4BB;
 
text-align: center;
 
text-align: center;
 
display: block;
 
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 {
 
#hidden-menu ul {
 
display:none;
 
display:none;
−
position:absolute;
+
position:fixed;
−
border:1px solid black;
+
top:60px;
−
top:40px;
+
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*/
 
/*CHANGE END*/
  
−
.menu-items {display: inline-block; width: 100%; text-align: center; margin-left: -25px;   z-index: 99999;
+
#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 499: 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: -19px;
+
margin-left: -10px;
 
float: left;
 
float: left;
 
}
 
}
Line 510: Line 608:
 
.menu-items li ul {
 
.menu-items li ul {
 
display:none;
 
display:none;
−
position:absolute;
+
position:fixed;
−
top:37px;
+
top:53px;
 +
margin:auto;
 
}
 
}
  
 
.menu-items li ul li{
 
.menu-items li ul li{
−
    clear:both;
+
clear:both;
−
background: none;
+
position: relative;
 
text-align: center;
 
text-align: center;
 +
font-size:9px;
 
display: block;
 
display: block;
−
    background: #70C4BB;
+
background: #383E45;
−
padding: 2px;
+
padding: 4px;
−
/*border: solid 1px #493C54;*/
+
/*border: solid 1px #493C54;
 
border-radius: 4px;
 
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 li ul li a {color: #fff; font-size: 14px;}
+
.menu-items a {
−
.menu-items li ul li a:hover {color: #787172/*#70C4BB;*/}
+
color: black;
−
.menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway;  
+
text-decoration: none;
 +
font-family: Raleway;
 
}
 
}
  
Line 535: Line 647:
 
     -webkit-transition: color ease-in-out 150ms;
 
     -webkit-transition: color ease-in-out 150ms;
 
}
 
}
−
 
  
  
Line 542: 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 634: Line 747:
  
 
.sssprev {
 
.sssprev {
−
left: 3%;
+
/*left: 3%;*/
 
background-position: 0 50%;
 
background-position: 0 50%;
 
z-index:100;
 
z-index:100;
Line 640: Line 753:
  
 
.sssnext {
 
.sssnext {
−
right: 3%;
+
right: 0;
 
background-position: -26px 50%;
 
background-position: -26px 50%;
 
}
 
}
Line 667: 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 679: 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: 100px; padding-bottom: 50px; padding-left: 200px; padding-right: 200px; font-family: Raleway;
+
#main { margin-top: 5%; padding-bottom: 50px; padding-left: 6%; padding-right: 6%; font-family: Raleway;
−
letter-spacing: 1.2px; font-size: 14px; background: #fff; }
+
letter-spacing: 1.2px; font-size: 14px; background: #F8FFFF; }
 +
 
  
 
</style>
 
</style>
Line 692: Line 818:
  
 
<div style="clear: both;"></div>
 
<div style="clear: both;"></div>
−
<div id="container">
+
<nav class="mainmenu">
−
<nav>
+
 
<div id="menu" class="menu">
 
<div id="menu" class="menu">
−
<div class="menu-items">
+
−
<ul>
+
<div class="menu-items">
−
<li><a href="https://2015.igem.org/Team:UCL"><img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px;"></a></li>
+
 
−
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>  
+
<div id="igemlogo">
−
<li><a href="https://2015.igem.org/Team:UCL/Parts">Parts</a></li>   
+
<ul style="margin-top:-5px;">
−
<li><a href="https://2015.igem.org/Team:UCL/Experiments">Experiments &amp; Protocols</a></li>
+
<ul style="margin-left:-50px;">
−
<li><a href="https://2015.igem.org/Team:UCL/Collaborations">Collaborations</a></li>
+
<a href="https://2015.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" width="50px" height="42px"></a></div>
−
<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>
+
<div id="ucligemlogo">
−
<ul>
+
<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>
+
 
−
</li>
+
<ul style="margin-left:150px;">
−
<li><a href="https://2015.igem.org/Team:UCL/PolicyandPractice"=">Policy & Practice</a>
+
 
−
<ul>
+
<li><a href="https://2015.igem.org/Team:UCL/Description">Project</a></li>
−
<li><a href="https://2015.igem.org/Team:UCL/HumanPractice">Human Practice</a></li>
+
−
<li><a href="https://2015.igem.org/Team:UCL/PublicEngagement">Public Engagement</a></li>
+
<li><a href="#">Lab work</a>
−
</ul>
+
<ul>
−
</li>
+
 
−
<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
+
<li><a href="https://2015.igem.org/Team:UCL/Effectors">Psychobiotics</a></li>
−
</ul>
+
<li><a href="https://2015.igem.org/Team:UCL/Sensors">Mood Detection</a></li>
−
</div>
+
<li><a href="https://2015.igem.org/Team:UCL/Safety">Built-in Biosafety</a></li>
−
</div>
+
<li><a href="https://2015.igem.org/Team:UCL/Design">Gut-on-Chip</a></li>
−
</nav>
+
<li><a href="https://2015.igem.org/Team:UCL/Interlabstudy">InterLab Study</a></li>
−
<div id="hidden-menu">
+
<li><a href="https://2015.igem.org/Team:UCL/Protocols">Protocols</a></li>
−
<h4 style="top:30px; position:fixed">Menu</h4>
+
 
 +
</ul>
 +
</li>
 +
 
 +
 
 +
<li><a href="#">Practices</a>
 
<ul>
 
<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/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/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>
 
</ul>
 
</div>
 
</div>
 +
         
 +
          </div>
 +
</body>
 +
 +
</html>

Latest revision as of 12:41, 17 September 2015