Difference between revisions of "Template:Manchester/CSS"

 
(74 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 204: Line 374:
 
}
 
}
  
−
.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 {
+
.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 225: Line 395:
 
}
 
}
  
−
.ukmeetupinfo, .esofinfo, .experimentinfo, .adsinfo1, .meninfo, .fredsenseinfo, .aacademyinfo, .aanonymousinfo, .heartfminfo, .mancenterpriseinfo, .biopronetinfo, .gmpinfo, .nhsinfo, .ibcarbinfo, .britscweekinfo, .microbioinfo, .npronetinfo, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo{
+
.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 241: Line 411:
 
}
 
}
  
−
.npronetinfo, .meninfo, .fredsenseinfo, .microbioinfo, .ibcarbinfo, .heartfminfo, .biopronetinfo, .ukmeetupinfo, .wardinfo, .scraminfo, .fasdinfo{
+
.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 253: Line 423:
 
}
 
}
  
−
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo, .brightsideinfo{
+
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo, .brightsideinfo, .scraminfo{
 
     background-color: #ffb732;
 
     background-color: #ffb732;
 
}
 
}
  
−
.gmpinfo, .nhsinfo, .scraminfo, .vennerinfo, .wardinfo, .fasdinfo{
+
.gmpinfo, .nhsinfo, .vennerinfo, .wardinfo, .fasdinfo{
 
     background-color: #FFCCCB;
 
     background-color: #FFCCCB;
 
}
 
}
Line 267: Line 437:
 
}
 
}
  
−
.cog22, .cog21, .cog20, .cog19, .cog18, .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 277: 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 461: Line 637:
 
     width: 20%;
 
     width: 20%;
 
     text-align: center;
 
     text-align: center;
 +
}
 +
 +
.twofifth_size{
 +
    width: 40%;
 +
    text-align:center;
 
}
 
}
  
Line 527: 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 540: 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 554: 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 600: 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 801: 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 820: 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,072: 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}
Line 1,124: Line 1,321:
  
 
.sub, .subb{
 
.sub, .subb{
−
font-size: 17px;
+
font-size: 16px;
 
width: 138px;
 
width: 138px;
 
text-align:center;
 
text-align:center;
Line 1,131: Line 1,328:
 
.subb{
 
.subb{
 
     line-height:100%;
 
     line-height:100%;
−
     margin-top:32%;
+
     margin-top:34%;
 
}
 
}
  
Line 1,138: 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,149: 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,170: 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,182: 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,189: Line 1,387:
 
     .com1{display:none}
 
     .com1{display:none}
 
     .subb{font-size:1.2em;}
 
     .subb{font-size:1.2em;}
 +
    .nonehp{display:none}
 +
    .titlehp{display:none}
 +
    .charitiesdiv{width: 95%;float:none; margin:auto}
 
}
 
}
  
Line 1,243: 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,261: Line 1,459:
 
         <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/Outreach">Outreach</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/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,271: 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,426: Line 1,628:
 
         $(".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(){
 
         $(".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, .venner, .brightside").animate({left:'25.2%'});
 
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'});
−
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd").animate({left:'65.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, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo").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,441: 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, .venner, .brightside").animate({left:'25.2%'});
 
             $(".esof, .ads, .experiment, .aacademy, .aanonymous, .gmp, .nhs, .britscweek, .mancenterprise, .venner, .brightside").animate({left:'25.2%'});
−
             $(".npronet, .men, .fredsense, .microbio, .ibcarb, .heartfm, .biopronet, .ukmeetup, .ward, .scram, .fasd").animate({left:'65.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, .wardinfo, .scraminfo, .vennerinfo, .brightsideinfo, .fasdinfo").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,458: Line 1,660:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(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(){
+
         $(".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:'79.5%'});
 
             $(".date1").animate({left:'79.5%'});
 
             $(".date2").animate({left:'86.0%'});
 
             $(".date2").animate({left:'86.0%'});
Line 1,472: 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:'79.5%'});
 
             $(".date1").animate({left:'79.5%'});
 
             $(".date2").animate({left:'86.0%'});
 
             $(".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