Difference between revisions of "Template:Manchester/CSS"

 
(144 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 51: Line 242:
 
     float:none;
 
     float:none;
 
     word-wrap: break-word;
 
     word-wrap: break-word;
 +
    clear:both;
 
}
 
}
  
Line 58: Line 250:
 
     line-height:200%;
 
     line-height:200%;
 
}
 
}
 +
  
 
table{
 
table{
Line 78: 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 172: Line 343:
 
}  
 
}  
  
−
.summary a{
+
.summary2 a{
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
−
.sub{
+
 
 +
.sub, .subb{
 
     font-size: 30px;
 
     font-size: 30px;
 
     width: 150px;
 
     width: 150px;
 +
}
 +
 +
h1.subb{
 +
 +
}
 +
 +
 +
.yellow250{
 +
    height:200px;
 
}
 
}
  
Line 193: 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 199: Line 380:
 
.cog250:hover {
 
.cog250:hover {
 
     animation: turning 6s linear infinite;
 
     animation: turning 6s linear infinite;
 +
}
 +
 +
.cog250:hover .sub{
 +
    animation: turning 6s linear reverse infinite;
 +
}
 +
 +
.cog250:hover .subb{
 +
    animation: turning 6s linear reverse infinite;
 
}
 
}
  
Line 206: 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 214: 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, .gmpinfo, .heartfminfo, .esofinfo, .ukmeetupinfo, .experimentinfo{
+
.meninfo, .britscweekinfo, .microbioinfo, .heartfminfo, .esofinfo, .ukmeetupinfo, .experimentinfo, .surveyinfo{
 
     background-color: #BCED91;
 
     background-color: #BCED91;
 
}
 
}
  
−
.aacademyinfo, .aanonymousinfo, .adsinfo1, .nhsinfo{
+
.aacademyinfo, .aanonymousinfo, .adsinfo1{
 
     background-color: #add8e6;
 
     background-color: #add8e6;
 
}
 
}
  
−
.fredsenseinfo{
+
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo, .brightsideinfo, .scraminfo{
 
     background-color: #ffb732;
 
     background-color: #ffb732;
 
}
 
}
  
−
.mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo{
+
.gmpinfo, .nhsinfo, .vennerinfo, .wardinfo, .fasdinfo{
 
     background-color: #FFCCCB;
 
     background-color: #FFCCCB;
 
}
 
}
Line 248: 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 258: 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 359: 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 412: Line 637:
 
     width: 20%;
 
     width: 20%;
 
     text-align: center;
 
     text-align: center;
 +
}
 +
 +
.twofifth_size{
 +
    width: 40%;
 +
    text-align:center;
 
}
 
}
  
Line 455: Line 685:
 
     padding-bottom: 7px;
 
     padding-bottom: 7px;
 
}
 
}
 +
 +
.twothird_size{
 +
    width: 66%;
 +
    text-align: center;
 +
}
 +
  
 
.onethird_size{
 
.onethird_size{
Line 469: Line 705:
 
.box1{
 
.box1{
 
     width: 95%;
 
     width: 95%;
−
    margin-left: 50px;
 
 
     display: inline-block;
 
     display: inline-block;
 
     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 486: 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 500: 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 531: Line 782:
 
     width: 150px;
 
     width: 150px;
 
     border-radius: 50%;
 
     border-radius: 50%;
 +
}
 +
 +
.mobilestyle{
 +
    width: 90%;
 +
    margin:auto;
 +
    padding-bottom:100px;
 +
    padding-top:50px;
 
}
 
}
  
Line 539: 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 651: Line 909:
 
   border: 1px solid black;
 
   border: 1px solid black;
 
   background: orange;
 
   background: orange;
−
   margin-top: 35px;
+
   margin-top: 15px;
 
   width: 100%;
 
   width: 100%;
 
   text-align: center;
 
   text-align: center;
Line 740: 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 759: 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,007: Line 1,265:
 
}
 
}
  
−
@media screen and (min-width:1300px){
+
.title{
 +
    font-size: 32px; font-family: "Segoe UI";
 +
}
 +
 
 +
@media screen and (min-width:1250px){
 
     .comstyle{margin-top: 25px;}
 
     .comstyle{margin-top: 25px;}
−
     .title{text-align:left; position:fixed; margin-top: 0px; font-size: 32px; font-family: "Segoe UI";}
+
     .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,017: 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;}
−
     .summary{position:fixed; top:120px;left:50px;}
+
     .summary1{position:fixed; top:70px;left:70px;display:block}
 +
    .summary{display:none}
 
     .teamtitle{ font-size:30px;}
 
     .teamtitle{ font-size:30px;}
  
 
.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: 120px 120px;  
+
     background-size: 138px 138px;  
 
     background-position: center;
 
     background-position: center;
  
Line 1,029: 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: 120px 120px;   
+
     background-size: 138px 138px;   
 
     background-position: center;
 
     background-position: center;
  
Line 1,036: 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: 120px 120px;
+
     background-size: 138px 138px;
 
     background-position: center;  
 
     background-position: center;  
  
Line 1,043: 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: 120px 120px;  
+
     background-size: 138px 138px;  
 
     background-position: center;
 
     background-position: center;
  
Line 1,049: Line 1,312:
  
 
.cog250{
 
.cog250{
−
     width: 130px;
+
     width: 138px;
−
     height: 130px;
+
     height: 138px;
−
     line-height: 120px;   
+
     line-height: 129px;   
−
     line-width: 120px;
+
     line-width: 138px;
 +
    border: white solid 1px;
 +
    border-radius:50%;
 
}
 
}
  
−
.sub{
+
.sub, .subb{
−
font-size: 17px;
+
font-size: 16px;
−
width: 120px;
+
width: 138px;
 
text-align:center;
 
text-align:center;
 +
}
 +
 +
.subb{
 +
    line-height:100%;
 +
    margin-top:34%;
 
}
 
}
  
Line 1,065: 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,076: 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,097: 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%}
+
     .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,107: Line 1,378:
 
     #nav_bar{ display:block}
 
     #nav_bar{ display:block}
 
     .mobile-profile{display:none}
 
     .mobile-profile{display:none}
−
 
 
}
 
}
  
−
@media screen and (max-width:1300px){
+
@media screen and (max-width:1250px){
 
     .comstyle{display:none}
 
     .comstyle{display:none}
−
    .cog250:hover .sub{
 
−
    animation: turning 6s linear reverse infinite;
 
−
    }
 
 
     .mapspecial{
 
     .mapspecial{
 
         width:100%;
 
         width:100%;
 
     }
 
     }
 +
    .com1{display:none}
 +
    .subb{font-size:1.2em;}
 +
    .nonehp{display:none}
 +
    .titlehp{display:none}
 +
    .charitiesdiv{width: 95%;float:none; margin:auto}
 
}
 
}
  
Line 1,130: Line 1,402:
  
 
</head>
 
</head>
−
 
−
 
  
  
Line 1,138: Line 1,408:
 
<a class="box-shadow-menu">
 
<a class="box-shadow-menu">
 
</a>
 
</a>
 +
 +
  
 
<nav>
 
<nav>
Line 1,160: 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,171: 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,185: 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,199: 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,352: 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,364: Line 1,638:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
     if($(window).width() > 1300){
+
  $(window).scroll(function () {
 +
      //if you hard code, then use console
 +
      //.log to determine when you want the
 +
      //nav bar to stick. 
 +
      console.log($(window).scrollTop())
 +
 
 +
 
 +
     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);
 
     }
 
     }
 +
 +
  })
 
});
 
});
 
</script>
 
</script>
Line 1,377: 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,386: Line 1,669:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
     if($(window).width() > 1300){
+
  $(window).scroll(function () {
 +
      //if you hard code, then use console
 +
      //.log to determine when you want the
 +
      //nav bar to stick. 
 +
      console.log($(window).scrollTop())
 +
 
 +
     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