Difference between revisions of "Template:Manchester/CSS"

 
(104 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<!--<div class="se-pre-con"></div>-->
+
<div class="se-pre-con"></div>
 
<script>
 
<script>
 
     if($(window).width() < 700){
 
     if($(window).width() < 700){
Line 12: Line 12:
 
});
 
});
  
 +
</script>
 +
<script>
 +
 +
    if($(window).width() > 700){
 +
        setTimeout(function(){
 +
$(".se-pre-con").fadeOut("slow");
 +
        },10000)
 +
    }
  
  
Line 21: Line 29:
 
<style>
 
<style>
  
 +
 +
a{
 +
    font-weight: bold;
 +
}
 +
 +
div a, p, ul, h1, h2, h3, h4, h5, h6, map, area, img, .projectlink{
 +
    position: relative;
 +
    z-index:900;
 +
}
 +
 +
.width10{
 +
    width: 10%;
 +
}
 +
 +
.width15{
 +
    width: 15%;
 +
}
 +
 +
.width20{
 +
    width: 20%;
 +
}
 +
 +
.width30{
 +
    width: 30%;
 +
}
 +
 +
.width25{
 +
    width: 25%;
 +
}
 +
 +
.width55{
 +
    width: 55%;
 +
}
 +
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
 +
 +
.width40{
 +
    width:40%;
 +
    margin:auto;
 +
}
 +
 +
.width45{
 +
    width:45%;
 +
    margin:auto;
 +
}
 +
 +
 +
 +
.width35{
 +
    width:35%;
 +
    margin:auto;
 +
}
 +
 +
.width80{
 +
    width:80%;
 +
    margin:auto;
 +
}
 +
 +
.width70{
 +
    width:70%;
 +
    margin:auto;
 +
}
 +
 +
 +
.width50{
 +
    width:50%;
 +
    margin:auto;
 +
}
 +
 +
.width100{
 +
    width: 100%;
 +
}
 +
 +
.width90{
 +
    width:90%;
 +
    margin:auto;
 +
}
 +
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
 +
 +
 +
.floatleft1{
 +
    float:left;
 +
}
 +
 +
.floatright2{
 +
    float:right;
 +
}
 +
 +
.project a:link, .project1 a:link {
 +
    text-decoration:none;
 +
    color: white;
 +
    font-size: 20px;
 +
    display: block;
 +
    vertical-align:top;
 +
    padding: 20px;
 +
}
 +
 +
.project a:visited, .project1 a:visited {
 +
    text-decoration:none;
 +
    color: white;
 +
    font-size: 20px;
 +
    display: block;
 +
    vertical-align:top;
 +
    padding: 20px;
 +
}
 +
 +
.project a:hover, .project1 a:hover{
 +
    color: black;
 +
}
 +
 +
.project:hover, .project1:hover{
 +
    background: gold;
 +
}
 +
 +
.project a:active .project1 a:active{
 +
    color: grey;
 +
    background: gold;
 +
}
 +
 +
.project:active, .project1:active{
 +
    background: gold;
 +
}
 +
 +
.project{
 +
    background: orange;
 +
    text-align: center;
 +
    border-radius: 10px;
 +
    display: block;
 +
    width: 30%;
 +
    margin: 80px 15px 10px 15px;
 +
 +
}
 +
 +
.project1{
 +
    background: orange;
 +
    text-align: center;
 +
    border-radius: 10px;
 +
    display: block;
 +
    width: 30%;
 +
    margin: 10px 15px 40px 15px;
 +
 +
}
 +
 +
 +
.floatright1{
 +
    float:right;
 +
}
 +
 +
.title11{
 +
  font-size:40px;
 +
  color: gold;
 +
  text-align:center;
 +
  margin:auto;
 +
  padding-bottom:80px;
 +
  height:80px;
 +
}
  
 
.lineheight160{
 
.lineheight160{
Line 38: Line 227:
 
     border: solid 1px black;
 
     border: solid 1px black;
 
}
 
}
 +
 +
  
 
h1.reference{
 
h1.reference{
Line 59: Line 250:
 
     line-height:200%;
 
     line-height:200%;
 
}
 
}
 +
  
 
table{
 
table{
Line 79: Line 271:
  
 
}
 
}
−
 
−
#vgemcollaboration {
 
−
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
 
−
background-size:135px 165px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 
−
width:135px;
 
−
height:165px;
 
−
z-index:1000;
 
−
        position: absolute;
 
−
        top: 300px;
 
−
        left: 0px;
 
−
}
 
−
 
−
#vgemcollaboration:hover {
 
−
background-image:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png');
 
−
}
 
−
 
−
#vgemcollaboration a {
 
−
display:inline-block;
 
−
width:100%;
 
−
height:100%;
 
−
}
 
−
 
  
  
Line 183: Line 353:
  
 
h1.subb{
 
h1.subb{
−
     line-height:100%;
+
 
 +
}
 +
 
 +
 
 +
.yellow250{
 +
     height:200px;
 
}
 
}
  
Line 199: Line 374:
 
}
 
}
  
−
.cog17:hover, .cog16:hover, .cog15:hover, .cog14:hover, .cog13:hover, .cog12:hover, .cog11:hover, .cog10:hover, .cog9:hover, .cog8:hover, .cog7:hover, .cog6:hover, .cog5:hover, .cog4:hover, .cog3:hover, .cog2:hover, .cog1:hover {
+
.cog22:hover, .cog21:hover, .cog20:hover, .cog19:hover, .cog18:hover, .cog17:hover, .cog16:hover, .cog15:hover, .cog14:hover, .cog13:hover, .cog12:hover, .cog11:hover, .cog10:hover, .cog9:hover, .cog8:hover, .cog7:hover, .cog6:hover, .cog5:hover, .cog4:hover, .cog3:hover, .cog2:hover, .cog1:hover, .cog0:hover {
 
     animation: turning 6s linear infinite;
 
     animation: turning 6s linear infinite;
 
}
 
}
Line 220: Line 395:
 
}
 
}
  
−
.ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo{
+
.ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo{
 
     display:none;
 
     display:none;
 
     width: 24%;
 
     width: 24%;
Line 228: Line 403:
 
     padding: 10px;
 
     padding: 10px;
 
     position:relative;
 
     position:relative;
−
     left: 30%;
+
     left: 27%;
 
     top: 5px;
 
     top: 5px;
 
}
 
}
  
−
.esofinfo, .adsinfo1, .experimentinfo, .aacademyinfo, .aanonymousinfo, .gmpinfo, .nhsinfo, .britscweekinfo, .mancenterpriseinfo{
+
.esofinfo, .adsinfo1, .experimentinfo, .aacademyinfo, .aanonymousinfo, .gmpinfo, .nhsinfo, .britscweekinfo, .mancenterpriseinfo, .vennerinfo, .brightsideinfo{
 
     box-shadow: 2px 2px 5px black;
 
     box-shadow: 2px 2px 5px black;
 
}
 
}
  
−
.npronetinfo, .meninfo, .fredsenseinfo, .microbioinfo, .ibcarbinfo, .heartfminfo, .biopronetinfo, .ukmeetupinfo{
+
.npronetinfo, .meninfo, .fredsenseinfo, .microbioinfo, .ibcarbinfo, .heartfminfo, .biopronetinfo, .ukmeetupinfo, .wardinfo, .scraminfo, .fasdinfo, .surveyinfo{
 
     box-shadow: -2px 2px 5px black;
 
     box-shadow: -2px 2px 5px black;
 
}
 
}
  
−
.meninfo, .britscweekinfo, .microbioinfo, .heartfminfo, .esofinfo, .ukmeetupinfo, .experimentinfo{
+
.meninfo, .britscweekinfo, .microbioinfo, .heartfminfo, .esofinfo, .ukmeetupinfo, .experimentinfo, .surveyinfo{
 
     background-color: #BCED91;
 
     background-color: #BCED91;
 
}
 
}
Line 248: Line 423:
 
}
 
}
  
−
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo{
+
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo, .brightsideinfo, .scraminfo{
 
     background-color: #ffb732;
 
     background-color: #ffb732;
 
}
 
}
  
−
.gmpinfo, .nhsinfo{
+
.gmpinfo, .nhsinfo, .vennerinfo, .wardinfo, .fasdinfo{
 
     background-color: #FFCCCB;
 
     background-color: #FFCCCB;
 
}
 
}
Line 262: Line 437:
 
}
 
}
  
−
.cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1{
+
.cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1, .cog0{
 
     width: 150px;
 
     width: 150px;
 
     height: 150px;
 
     height: 150px;
Line 272: Line 447:
 
     float:left;
 
     float:left;
 
     left: 570px;
 
     left: 570px;
 +
}
 +
 +
.survey{
 +
    background:url(https://static.igem.org/mediawiki/2016/2/25/T--Manchester--survey_logo.png) no-repeat;
 +
    background-size: 95px auto;
 +
    background-position: center;
 
}
 
}
  
Line 373: Line 554:
 
     background:url(https://static.igem.org/mediawiki/2016/4/46/T--Manchester--gmp.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2016/4/46/T--Manchester--gmp.png) no-repeat;  
 
     background-size: 115px auto;  
 
     background-size: 115px auto;  
 +
    background-position: center;
 +
}
 +
 +
.ward{
 +
    background:url(https://static.igem.org/mediawiki/2016/2/24/T--Manchester--Ward_Hadaway.png) no-repeat;
 +
    background-size: 115px auto;
 +
    background-position: center;
 +
}
 +
 +
.venner{
 +
    background:url(https://static.igem.org/mediawiki/2016/6/65/T--Manchester--Venner_Shipley.png) no-repeat;
 +
    background-size: 115px auto;
 +
    background-position: center;
 +
}
 +
 +
.scram{
 +
    background:url(https://static.igem.org/mediawiki/2016/d/d9/T--Manchester--scram_systems.png) no-repeat;
 +
    background-size: 115px auto;
 +
    background-position: center;
 +
}
 +
 +
.brightside{
 +
    background:url(https://static.igem.org/mediawiki/2016/d/d2/T--Manchester--brightside_brewery.png) no-repeat;
 +
    background-size: 115px auto;
 +
    background-position: center;
 +
}
 +
 +
.fasd{
 +
    background:url(https://static.igem.org/mediawiki/2016/1/1b/T--Manchester--fasd.png) no-repeat;
 +
    background-size: 100px auto;
 
     background-position: center;  
 
     background-position: center;  
 
}
 
}
Line 426: Line 637:
 
     width: 20%;
 
     width: 20%;
 
     text-align: center;
 
     text-align: center;
 +
}
 +
 +
.twofifth_size{
 +
    width: 40%;
 +
    text-align:center;
 
}
 
}
  
Line 492: Line 708:
 
     height: 350px;
 
     height: 350px;
  
 +
}
 +
 +
#rossbio{
 +
    position: absolute;
 +
    float: left;
 +
    display:none;
 +
    border-radius: 10px;
 +
    padding: 15px;
 +
    font-size: 15px;
 +
    background: #E0EEEE;
 +
    margin: 10px;
 +
    width: 50%;
 +
    left: 300px;
 +
    bottom: 790px;
 +
    line-height: 160%;
 
}
 
}
  
Line 505: Line 736:
 
     width: 50%;
 
     width: 50%;
 
     left: 300px;
 
     left: 300px;
−
     bottom: 780px;
+
     bottom: 820px;
 
     line-height: 160%;
 
     line-height: 160%;
 
}
 
}
  
−
#rossbio{
+
 
 +
#marcbio{
 
     position: absolute;
 
     position: absolute;
 
     float: left;
 
     float: left;
Line 519: Line 751:
 
     margin: 10px;
 
     margin: 10px;
 
     left: 300px;
 
     left: 300px;
−
     bottom: 700px;
+
     bottom: 820px;
 
     width: 50%;
 
     width: 50%;
 
     line-height: 160%;
 
     line-height: 160%;
Line 565: Line 797:
  
 
map area{
 
map area{
−
outline: solid blue 1px;
+
outline: none;
 
}
 
}
  
  
 
.scrolled{
 
.scrolled{
−
     opacity:0.3;
+
     opacity:0.5;
 
     height: 40px;
 
     height: 40px;
 
}
 
}
Line 766: Line 998:
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
−
     padding: 8px 28px;
+
     padding: 8px 18px;
 
     height: 30px;
 
     height: 30px;
 
}
 
}
Line 785: Line 1,017:
 
     text-decoration: none;
 
     text-decoration: none;
 
     font-family: "Segoe UI";
 
     font-family: "Segoe UI";
−
     padding: 10px 28px;
+
     padding: 8px 18px;
 
}
 
}
  
Line 1,037: Line 1,269:
 
}
 
}
  
−
@media screen and (min-width:1300px){
+
@media screen and (min-width:1250px){
 
     .comstyle{margin-top: 25px;}
 
     .comstyle{margin-top: 25px;}
 
     .title{display:none}
 
     .title{display:none}
 
     .mobilestyle{display: none;}
 
     .mobilestyle{display: none;}
−
     .fixed{display: block; float:none; width: 150px;position:relative}
+
     .fixed{display: block; float:none; width: 143px;position:relative}
 
     .fixed:hover {left: 20px; -webkit-transition: all 0.6s ease-out;
 
     .fixed:hover {left: 20px; -webkit-transition: all 0.6s ease-out;
 
     -moz-transition: all 0.6s ease-out;
 
     -moz-transition: all 0.6s ease-out;
Line 1,047: Line 1,279:
 
     -ms-transition: all 0.6s ease-out;
 
     -ms-transition: all 0.6s ease-out;
 
     transition: all 0.6s ease-out;}
 
     transition: all 0.6s ease-out;}
−
     .summary1{position:fixed; top:80px;left:70px;display:block}
+
     .summary1{position:fixed; top:70px;left:70px;display:block}
 
     .summary{display:none}
 
     .summary{display:none}
 
     .teamtitle{ font-size:30px;}
 
     .teamtitle{ font-size:30px;}
Line 1,053: Line 1,285:
 
.blue250{
 
.blue250{
 
     background:url(https://static.igem.org/mediawiki/2016/b/b1/T--Manchester--cogwheelblue.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2016/b/b1/T--Manchester--cogwheelblue.png) no-repeat;  
−
     background-size: 150px 150px;  
+
     background-size: 138px 138px;  
 
     background-position: center;
 
     background-position: center;
  
Line 1,060: Line 1,292:
 
.green250{
 
.green250{
 
     background:url(https://static.igem.org/mediawiki/2016/3/32/T--Manchester--cogwheelgreen.png) no-repeat;  
 
     background:url(https://static.igem.org/mediawiki/2016/3/32/T--Manchester--cogwheelgreen.png) no-repeat;  
−
     background-size: 150px 150px;   
+
     background-size: 138px 138px;   
 
     background-position: center;
 
     background-position: center;
  
Line 1,067: Line 1,299:
 
.orange250{
 
.orange250{
 
     background:url(https://static.igem.org/mediawiki/2016/7/71/T--Manchester--cogwheelorange.png) no-repeat;
 
     background:url(https://static.igem.org/mediawiki/2016/7/71/T--Manchester--cogwheelorange.png) no-repeat;
−
     background-size: 150px 150px;
+
     background-size: 138px 138px;
 
     background-position: center;  
 
     background-position: center;  
  
Line 1,074: Line 1,306:
 
.yellow250{
 
.yellow250{
 
     background:url(https://static.igem.org/mediawiki/2016/9/9e/T--Manchester--cogwheelyellow.png) no-repeat;
 
     background:url(https://static.igem.org/mediawiki/2016/9/9e/T--Manchester--cogwheelyellow.png) no-repeat;
−
     background-size: 150px 150px;  
+
     background-size: 138px 138px;  
 
     background-position: center;
 
     background-position: center;
  
Line 1,080: Line 1,312:
  
 
.cog250{
 
.cog250{
−
     width: 150px;
+
     width: 138px;
−
     height: 150px;
+
     height: 138px;
−
     line-height: 150px;   
+
     line-height: 129px;   
−
     line-width: 150px;
+
     line-width: 138px;
 
     border: white solid 1px;
 
     border: white solid 1px;
 
     border-radius:50%;
 
     border-radius:50%;
Line 1,089: Line 1,321:
  
 
.sub, .subb{
 
.sub, .subb{
−
font-size: 17px;
+
font-size: 16px;
−
width: 150px;
+
width: 138px;
 
text-align:center;
 
text-align:center;
 
}
 
}
Line 1,096: Line 1,328:
 
.subb{
 
.subb{
 
     line-height:100%;
 
     line-height:100%;
−
     margin-top:32%;
+
     margin-top:34%;
 
}
 
}
  
Line 1,103: Line 1,335:
  
 
@media screen and (max-width:700px){
 
@media screen and (max-width:700px){
 +
    ul.romanlist{font-size:9px;}
 
     nav ul li{display: block; float:none; border:1px solid grey;}
 
     nav ul li{display: block; float:none; border:1px solid grey;}
 
     nav ul ul {width:90%; position:relative}
 
     nav ul ul {width:90%; position:relative}
Line 1,114: Line 1,347:
 
     .box-shadow-menu { width: 100%;display: block;}
 
     .box-shadow-menu { width: 100%;display: block;}
 
     .active{ display:block; float:none; position:relative;}
 
     .active{ display:block; float:none; position:relative;}
−
     .team{ width: 100%}
+
     .team{ width: 95%}
 
     .se-pre-con{display:none}
 
     .se-pre-con{display:none}
 
     .comprofile{display: none}
 
     .comprofile{display: none}
 
     .mobile-profile{display:block; font-size:10px;}
 
     .mobile-profile{display:block; font-size:10px;}
 
     .des{display: block;}
 
     .des{display: block;}
−
     #rossbio{font-size:0.6em;margin:auto;width: 95%; display: block; position: relative; left: 0; bottom:0px;}
+
     #rossbio, #nickbio, #marcbio{font-size:0.6em;margin:auto;width: 95%; display: block; position: relative; left: 0; bottom:0px;}
−
    #nickbio{font-size:0.6em;margin:auto;width: 95%; display: block; position: relative; left: 0; bottom:0px;}
+
 
     #info{display:none}
 
     #info{display:none}
 
     .onethird_size{ width:95%}
 
     .onethird_size{ width:95%}
Line 1,135: Line 1,367:
 
     .active > a:link{border-bottom:none; background-color:gold;}
 
     .active > a:link{border-bottom:none; background-color:gold;}
 
     .active > a:visited{border-bottom:none; background-color:gold;}
 
     .active > a:visited{border-bottom:none; background-color:gold;}
−
     .half_size, .onethird_size, .twothird_size, .onefifth-size, .threefifth_size, .safety26{width:100%; margin:auto;}
+
     .half_size, .onethird_size, .twothird_size, .onefifth-size, .threefifth_size, .safety26, .twofifth_size{width:100%; margin:auto;}
 
     .homeimg{width:40px; height:40px;}
 
     .homeimg{width:40px; height:40px;}
 
     nav > ul > li a.special{ height:40px;}
 
     nav > ul > li a.special{ height:40px;}
 
     map{display: none}
 
     map{display: none}
 
     .team90{width:95%}
 
     .team90{width:95%}
 +
    .floatright1{float:none; margin:auto;}
 
}
 
}
  
Line 1,147: Line 1,380:
 
}
 
}
  
−
@media screen and (max-width:1300px){
+
@media screen and (max-width:1250px){
 
     .comstyle{display:none}
 
     .comstyle{display:none}
 
     .mapspecial{
 
     .mapspecial{
Line 1,153: Line 1,386:
 
     }
 
     }
 
     .com1{display:none}
 
     .com1{display:none}
 +
    .subb{font-size:1.2em;}
 +
    .nonehp{display:none}
 +
    .titlehp{display:none}
 +
    .charitiesdiv{width: 95%;float:none; margin:auto}
 
}
 
}
  
Line 1,195: Line 1,432:
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism1">Cell-free Mechanism</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism1">Cell-free Mechanism</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism2">Inducible Gene Switch</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Description/mechanism2">Inducible Gene Switch</a></strong></li>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Proof">Proof of Concept</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Notebook">Notebook</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Project/Protocols">Protocol</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Project/Protocols">Protocol</a></strong></li>
Line 1,206: Line 1,444:
 
       <ul>
 
       <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Achievement">Overview</a></strong></li>   
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Achievement">Overview</a></strong></li>   
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Judging Criteria</a></strong></li>   
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Judging">Judging Criteria</a></strong></li>   
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Collaborations</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Collaborations">Collaborations</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Parts">Parts</a></strong></li>  
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Basic_Part">Basic Part</a></strong></li>
+
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Composite_Part">Composite part</a></strong></li>
+
−
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Part_Collection">Parts collection</a></strong></li>     
+
 
       </ul>
 
       </ul>
  
Line 1,220: Line 1,455:
 
       <ul>
 
       <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Overview</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Overview</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Industries</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Charities">Charities</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Charities</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Industries">Industries</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Outreach</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Outreach">Outreach</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices">Interviews</a></strong></li>   
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Human_Practices/Professional_Bodies">Professional Bodies</a></strong></li>   
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Gold">Gold</a></strong></li>
+
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Integrated_Practices">Integrated Practices</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Silver">Sliver</a></strong></li>       
+
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Engagement">Engagement</a></strong></li>
 +
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Gold">HP Gold</a></strong></li>
 +
         <li><strong><a href="https://2016.igem.org/Team:Manchester/HP/Silver">HP Silver</a></strong></li>       
 
       </ul>
 
       </ul>
  
Line 1,234: Line 1,471:
 
     <ul>
 
     <ul>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Overview</a></strong></li>
 
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Overview</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Cell-free mechanism</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/hp">Modelling Integration</a></strong></li>
−
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model">Inducible Gene Switch</a></strong></li>
+
         <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/result">Results</a></strong></li>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Model/ModelExplorer">Model Explorer</a></strong></li>
 
     </ul>
 
     </ul>
  
 
   </li>
 
   </li>
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li>
 
</ul>
 
</ul>
  
Line 1,387: Line 1,626:
 
$(document).ready(function(){
 
$(document).ready(function(){
  
−
         $(".cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){
+
         $(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){
−
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise").animate({left:'28.2%'});
+
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'});
−
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup").animate({left:'68.5%'});
+
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd, .survey").animate({left:'65.5%'});
−
             $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo").delay(700).fadeIn('slow');
+
             $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo").delay(700).fadeIn('slow');
 
         });
 
         });
  
Line 1,404: Line 1,643:
 
       //nav bar to stick.   
 
       //nav bar to stick.   
 
       console.log($(window).scrollTop())
 
       console.log($(window).scrollTop())
−
    if ($(window).scrollTop() > window.innerHeight ) {
 
  
−
     if($(window).width() > 1300){
+
 
 +
     if($(window).width() > 1250){
 
         setTimeout(function(){
 
         setTimeout(function(){
−
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise").animate({left:'28.2%'});
+
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'});
−
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup").animate({left:'68.5%'});
+
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd, .survey").animate({left:'65.5%'});
−
             $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo").delay(700).fadeIn('slow');
+
             $(".ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo, .surveyinfo").delay(700).fadeIn('fast');
  
−
         },3000);
+
         },0);
 
     }
 
     }
−
  }
+
 
 
   })
 
   })
 
});
 
});
Line 1,421: Line 1,660:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
         $(".cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1").click(function(){
+
         $(".cog22, .cog21, .cog20, .cog19, .cog18, .cog17, .cog16, .cog15, .cog14, .cog13, .cog12, .cog11, .cog10, .cog9, .cog8, .cog8, .cog7, .cog7, .cog6, .cog5, .cog4, .cog3, .cog2, .cog1, .cog0").click(function(){
−
             $(".date1").animate({left:'82.5%'});
+
             $(".date1").animate({left:'79.5%'});
−
             $(".date2").animate({left:'89.9%'});
+
             $(".date2").animate({left:'86.0%'});
 
         });
 
         });
 
})
 
})
Line 1,435: Line 1,674:
 
       //nav bar to stick.   
 
       //nav bar to stick.   
 
       console.log($(window).scrollTop())
 
       console.log($(window).scrollTop())
−
    if ($(window).scrollTop() > window.innerHeight ) {
+
 
−
     if($(window).width() > 1300){
+
     if($(window).width() > 1250){
 
         setTimeout(function(){
 
         setTimeout(function(){
−
             $(".date1").animate({left:'82.5%'});
+
             $(".date1").animate({left:'79.5%'});
−
             $(".date2").animate({left:'89.9%'});
+
             $(".date2").animate({left:'86.0%'});
−
         },3000);
+
         },0);
 
     }
 
     }
−
  }
+
 
 
   })
 
   })
 
})
 
})
 
</script>
 
</script>
  
−
 
+
<script>
 +
$("a[href="#top"]").click(function() {
 +
  $("html, body").scrollTop(0);
 +
  return false;
 +
});
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 19:49, 26 November 2016

Manchester iGEM 2016