Difference between revisions of "Template:Manchester/CSS"

 
Line 1: Line 1:
 +
<html>
 +
<div class="se-pre-con"></div>
 +
<script>
 +
    if($(window).width() < 700){
 +
        $('div').removeClass("se-pre-con");
 +
}
 +
</script>
 +
<script>
 +
 +
$(window).load(function() {
 +
$(".se-pre-con").fadeOut("slow");
 +
});
 +
 +
</script>
 +
<script>
 +
 +
    if($(window).width() > 700){
 +
        setTimeout(function(){
 +
$(".se-pre-con").fadeOut("slow");
 +
        },10000)
 +
    }
 +
 +
 +
</script>
 +
 +
 +
  
−
<html>
 
−
<head>
 
 
<style>
 
<style>
−
body {margin:0;}
 
−
/********************************* menu bar formatting ********************************/
 
  
−
menu_ul {
+
 
−
     margin: -15px;
+
a{
−
     overflow: hidden;
+
     font-weight: bold;
−
     background-color: #333;
+
}
−
     position: fixed;
+
 
−
     top: 33px;
+
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%;
 
     width: 100%;
 
}
 
}
−
menu_li {
+
 
−
     float: left;
+
.width90{
 +
     width:90%;
 +
    margin:auto;
 
}
 
}
  
 +
.width60{
 +
    width:60%;
 +
    margin:auto;
 +
}
  
−
menu_li a {
+
 
 +
.floatleft1{
 +
    float:left;
 +
}
 +
 
 +
.floatright2{
 +
    float:right;
 +
}
 +
 
 +
.project a:link, .project1 a:link {
 +
    text-decoration:none;
 +
    color: white;
 +
    font-size: 20px;
 
     display: block;
 
     display: block;
 +
    vertical-align:top;
 +
    padding: 20px;
 +
}
 +
 +
.project a:visited, .project1 a:visited {
 +
    text-decoration:none;
 
     color: white;
 
     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;
 
     text-align: center;
−
     padding: 14px 16px;
+
     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{
 +
    line-height:160%;
 +
}
 +
 
 +
.pageitle{
 +
    font-size: 50px;
 +
    height:50px;
 +
}
 +
 
 +
* {
 +
    outline: none;
 +
}
 +
 
 +
table{
 +
    border: solid 1px black;
 +
}
 +
 
 +
 
 +
 
 +
h1.reference{
 +
    text-align:left;
 +
    font-size:35px;
 +
    color:orange;
 +
    padding-bottom:20px;
 +
}
 +
 
 +
.referencediv{
 +
    margin-top: 200px;
 +
    margin-bottom:150px;
 +
    float:none;
 +
    word-wrap: break-word;
 +
    clear:both;
 +
}
 +
 
 +
ul.romanlist{
 +
    list-style: decimal;
 +
    font-size:17px;
 +
    line-height:200%;
 +
}
 +
 
 +
 
 +
table{
 +
    margin:auto;
 +
    padding:100px 0px;
 +
}
 +
 
 +
table, th, td {
 +
    border: 1px solid black;
 +
    border-collapse: collapse;
 +
    vertical-align: middle;
 +
}
 +
 
 +
h3.teammatename{
 +
      font-size: 2em;
 +
}
 +
 
 +
th{
 +
    text-align: left;
 +
 
 +
}
 +
 
 +
 
 +
.spacebox{
 +
    display:none;
 +
    height: 40px;
 +
    width: 100%;
 +
}
 +
 
 +
.mapspecial{
 +
    width:1310px;
 +
    height: auto;
 +
    margin:auto;
 +
 
 +
}
 +
 
 +
.mapspecial img {
 +
margin:auto;
 +
width:96.5%;
 +
                margin-left: 10px;
 +
}
 +
 
 +
.cogstop{
 +
    width: 150px;
 +
    height: 150px;
 +
}
 +
 
 +
.datebox{
 +
    font-weight: bold;
 +
    font-size: 35px;
 +
    color: grey;
 +
}
 +
 
 +
.cogg17, .cogg16, .cogg15, .cogg14, .cogg13, .cogg12, .cogg11, .cogg10, .cogg9, .cogg8, .cogg7, .cogg6, .cogg5, .cogg4, .cogg3, .cogg2, .cogg1{
 +
    position:absolute;
 +
    top:18px;
 +
    left:18px;
 +
    width: 120px;
 +
    height: auto;
 +
    z-index:-1;
 +
    display: none;
 +
 
 +
}
 +
 
 +
.aacademy:hover .cogg3{
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 
 +
.fredsense:hover .cogg4{
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 
 +
.men:hover .cogg6{
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 
 +
.esof:hover .cogg5{
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 
 +
.microbio:hover .cogg2{
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 
 +
.aacademy:hover, .fredsense:hover, .esof:hover, .microbio:hover, .men:hover{
 +
    background:none;
 +
}
 +
 
 +
.summary2 a{
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
  
−
menu_li a:hover:not(.active) {
+
.sub, .subb{
−
     background-color: #111;
+
     font-size: 30px;
 +
    width: 150px;
 
}
 
}
  
−
.active {
+
h1.subb{
−
    background-color: #4CAF50;
+
 
 
}
 
}
  
  
−
/********************************* CONTENT OF THE PAGE ********************************/
+
.yellow250{
 +
    height:200px;
 +
}
  
 +
.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 .sup{
 +
    animation: turning 6s linear reverse infinite;
 +
}
  
−
/* Wrapper for the content */
+
.cogturnreverse{
 +
    animation: turning 6s linear reverse infinite;
 +
}
 +
 
 +
.cogturn{
 +
    animation: turning 6s linear infinite;
 +
    cursor: default;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
.cog250:hover {
 +
    animation: turning 6s linear infinite;
 +
}
 +
 
 +
.cog250:hover .sub{
 +
    animation: turning 6s linear reverse infinite;
 +
}
 +
 
 +
.cog250:hover .subb{
 +
    animation: turning 6s linear reverse infinite;
 +
}
 +
 
 +
@-webkit-keyframes turning {
 +
    from{ transform:rotate(0deg);}
 +
    to{ transform:rotate(360deg);}
 +
}
 +
 
 +
.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;
 +
    width: 24%;
 +
    float: left;
 +
    margin: auto;
 +
    border-radius: 20px;
 +
    padding: 10px;
 +
    position:relative;
 +
    left: 27%;
 +
    top: 5px;
 +
}
 +
 
 +
.esofinfo, .adsinfo1, .experimentinfo, .aacademyinfo, .aanonymousinfo, .gmpinfo, .nhsinfo, .britscweekinfo, .mancenterpriseinfo, .vennerinfo, .brightsideinfo{
 +
    box-shadow: 2px 2px 5px black;
 +
}
 +
 
 +
.npronetinfo, .meninfo, .fredsenseinfo, .microbioinfo, .ibcarbinfo, .heartfminfo, .biopronetinfo, .ukmeetupinfo, .wardinfo, .scraminfo, .fasdinfo, .surveyinfo{
 +
    box-shadow: -2px 2px 5px black;
 +
}
 +
 
 +
.meninfo, .britscweekinfo, .microbioinfo, .heartfminfo, .esofinfo, .ukmeetupinfo, .experimentinfo, .surveyinfo{
 +
    background-color: #BCED91;
 +
}
 +
 
 +
.aacademyinfo, .aanonymousinfo, .adsinfo1{
 +
    background-color: #add8e6;
 +
}
 +
 
 +
.fredsenseinfo, .mancenterpriseinfo, .biopronetinfo, .ibcarbinfo, .npronetinfo, .brightsideinfo, .scraminfo{
 +
    background-color: #ffb732;
 +
}
 +
 
 +
.gmpinfo, .nhsinfo, .vennerinfo, .wardinfo, .fasdinfo{
 +
    background-color: #FFCCCB;
 +
}
 +
 
 +
.cog250{
 +
    width: 100%; height:100%;
 +
    line-height: 200px; 
 +
    line-width: 200px;
 +
}
 +
 
 +
.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;
 +
    height: 150px;
 +
    cursor: pointer;
 +
}
 +
 
 +
.sup{
 +
    position: relative;
 +
    float:left;
 +
    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;
 +
}
 +
 
 +
.microbio{
 +
    background:url(https://static.igem.org/mediawiki/2016/e/ef/T--Manchester--microbio.png) no-repeat;
 +
    background-size: 135px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.britscweek{
 +
    background:url(https://static.igem.org/mediawiki/2016/3/38/T--Manchester--britishscienceweek.png) no-repeat;
 +
    background-size: 120px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.biopronet{
 +
    background:url(https://static.igem.org/mediawiki/2016/f/fc/T--Manchester--biopronet.png) no-repeat;
 +
    background-size: 115px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.fredsense{
 +
    background:url(https://static.igem.org/mediawiki/2016/7/76/T--Manchester--Fredsense.png) no-repeat;
 +
    background-size: 105px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.aacademy{
 +
    background:url(https://static.igem.org/mediawiki/2016/9/9a/T--Manchester--alcoholacademy.png) no-repeat;
 +
    background-size: 110px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.aanonymous{
 +
    background:url(https://static.igem.org/mediawiki/2016/5/51/T--Manchester--AAnonymous.png) no-repeat;
 +
    background-size: 135px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.mancenterprise{
 +
    background:url(https://static.igem.org/mediawiki/2016/9/9f/T--Manchester--MancEnterpriseCentre.png) no-repeat;
 +
    background-size: 130px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.nhs{
 +
    background:url(https://static.igem.org/mediawiki/2016/9/9b/T--Manchester--NHS.png) no-repeat;
 +
    background-size: 113px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.men{
 +
    background:url(https://static.igem.org/mediawiki/2016/2/2b/T--Manchester--MEN.png) no-repeat;
 +
    background-size: 135px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.ads{
 +
    background:url(https://static.igem.org/mediawiki/2016/3/31/T--Manchester--ads.png) no-repeat;
 +
    background-size: 110px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.heartfm{
 +
    background:url(https://static.igem.org/mediawiki/2016/6/60/T--Manchester--HeartFM.png) no-repeat;
 +
    background-size: 165px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.npronet{
 +
    background:url(https://static.igem.org/mediawiki/2016/7/72/T--Manchester--npronet.png) no-repeat;
 +
    background-size: 110px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.ukmeetup{
 +
    background:url(https://static.igem.org/mediawiki/2016/8/8b/HQ_page_logo.jpg) no-repeat;
 +
    background-size: auto 70px;
 +
    background-position: 50% 75%;
 +
}
 +
 
 +
.esof{
 +
    background:url(https://static.igem.org/mediawiki/2016/f/f8/T--Manchester--esof.png) no-repeat;
 +
    background-size: 107px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.experiment{
 +
    background:url(https://static.igem.org/mediawiki/2016/8/88/T--Manchester--experiment.png) no-repeat;
 +
    background-size: 110px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.ibcarb{
 +
    background:url(https://static.igem.org/mediawiki/2016/5/5e/T--Manchester--IBCarb.png) no-repeat;
 +
    background-size: 105px auto;
 +
    background-position: center;
 +
}
 +
 
 +
.gmp{
 +
    background:url(https://static.igem.org/mediawiki/2016/4/46/T--Manchester--gmp.png) no-repeat;
 +
    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;
 +
}
 +
 
 +
 
 +
.black250{
 +
    background:url(https://static.igem.org/mediawiki/2016/a/ae/T--Manchester--cogwheel.png) no-repeat;
 +
    background-size: 200px 200px;
 +
    background-position: center;
 +
}
 +
 
 +
.blue250{
 +
    background:url(https://static.igem.org/mediawiki/2016/b/b1/T--Manchester--cogwheelblue.png) no-repeat;
 +
    background-size: 200px 200px;
 +
    background-position: center;
 +
}
 +
 
 +
.green250{
 +
    background:url(https://static.igem.org/mediawiki/2016/3/32/T--Manchester--cogwheelgreen.png) no-repeat;
 +
    background-size: 200px 200px; 
 +
    background-position: center;
 +
}
 +
 
 +
.orange250{
 +
    background:url(https://static.igem.org/mediawiki/2016/7/71/T--Manchester--cogwheelorange.png) no-repeat;
 +
    background-size: 200px 200px;
 +
    background-position: center;
 +
}
 +
 
 +
.yellow250{
 +
    background:url(https://static.igem.org/mediawiki/2016/9/9e/T--Manchester--cogwheelyellow.png) no-repeat;
 +
    background-size: 200px 200px;
 +
    background-position: center;
 +
}
 +
 
 +
.piccog{
 +
    position:relative;
 +
    border-radius: 50%; 
 +
    vertical-align: middle;
 +
    text-align: center;
 +
}
 +
 
 +
.size250{
 +
    width: 185px;
 +
}
 +
 
 +
.onefourth_size{
 +
    width: 25%;
 +
    text-align: center;
 +
}
 +
 
 +
.onefifth_size{
 +
    width: 20%;
 +
    text-align: center;
 +
}
 +
 
 +
.twofifth_size{
 +
    width: 40%;
 +
    text-align:center;
 +
}
 +
 
 +
.threefifth_size{
 +
    width: 54%;
 +
    text-align: center;
 +
}
 +
 
 +
.fourfifth_size{
 +
    width: 80%;
 +
    text-align: center;
 +
}
 +
 
 +
.onefourth_size{
 +
    width: 25%;
 +
    text-align: center;
 +
}
 +
 
 +
.threefourth_size{
 +
    width: 75%;
 +
    text-align: center;
 +
}
 +
 
 +
.safety26{
 +
    width: 35%;
 +
    text-align: center;
 +
    margin: 25px;
 +
    height:520px;
 +
}
 +
 
 +
.safety25{
 +
    width: 26%;
 +
    text-align: center;
 +
}
 +
 
 +
 
 +
.safety26 ul{
 +
    font-size:20px;
 +
}
 +
 
 +
.safety26 h3{
 +
    font-size: 25px;
 +
    padding-bottom: 7px;
 +
}
 +
 
 +
.twothird_size{
 +
    width: 66%;
 +
    text-align: center;
 +
}
 +
 
 +
 
 +
.onethird_size{
 +
    width: 33.33%;
 +
    text-align: center;
 +
}
 +
 
 +
.onethird_size img{
 +
    border-radius: 50%;
 +
    text-align: center;
 +
    width: 50px;
 +
}
 +
 
 +
.box1{
 +
    width: 95%;
 +
    display: inline-block;
 +
    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%;
 +
}
 +
 
 +
#nickbio{
 +
    position: absolute;
 +
    float: left;
 +
    display:none;
 +
    border-radius: 10px;
 +
    padding: 15px;
 +
    font-size: 15px;
 +
    background: #E0EEEE;
 +
    margin: 10px;
 +
    width: 50%;
 +
    left: 300px;
 +
    bottom: 820px;
 +
    line-height: 160%;
 +
}
 +
 
 +
 
 +
#marcbio{
 +
    position: absolute;
 +
    float: left;
 +
    display:none;
 +
    border-radius: 10px;
 +
    padding: 15px;
 +
    font-size: 15px;
 +
    background: #FFF0F5;
 +
    margin: 10px;
 +
    left: 300px;
 +
    bottom: 820px;
 +
    width: 50%;
 +
    line-height: 160%;
 +
}
 +
 
 +
.ross{
 +
  cursor: pointer;
 +
  position:relative;
 +
    z-index: 0;
 +
    height: auto;
 +
    width: 150px;
 +
    border-radius: 50%;
 +
}
 +
 
 +
.marc{
 +
  cursor: pointer;
 +
  position:relative;
 +
    z-index: 0;
 +
    height: auto;
 +
    width: 150px;
 +
    border-radius: 50%;
 +
}
 +
 
 +
 
 +
.nick{
 +
  cursor: pointer;
 +
  position:relative;
 +
    z-index: 0;
 +
    height: auto;
 +
    width: 150px;
 +
    border-radius: 50%;
 +
}
 +
 
 +
.mobilestyle{
 +
    width: 90%;
 +
    margin:auto;
 +
    padding-bottom:100px;
 +
    padding-top:50px;
 +
}
 +
 
 +
 
 +
mobile-profile{
 +
    width:100%;
 +
}
 +
 
 +
map area{
 +
outline: none;
 +
}
 +
 
 +
 
 +
.scrolled{
 +
    opacity:0.5;
 +
    height: 40px;
 +
}
 +
 
 +
div h5{
 +
text-align: left;
 +
}
 +
 
 +
.no-js #loader { display: none;  }
 +
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
 +
.se-pre-con {
 +
position: fixed;
 +
left: 0px;
 +
top: 0px;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 9999;
 +
background: url(https://static.igem.org/mediawiki/2016/7/7b/Manchester_logo.gif) center no-repeat #fff;
 +
        background-size: 150px;
 +
}
 +
 
 +
/* Wrapper for the content */
 
.content_wrapper {
 
.content_wrapper {
 
width: 100%;
 
width: 100%;
−
margin-left: 0px;
+
margin: 0px;
 
padding:0px 0px;  
 
padding:0px 0px;  
 
float:left;  
 
float:left;  
Line 65: Line 849:
  
 
.half_size {
 
.half_size {
−
width: 50%;
+
width: 49%;  
−
}
+
−
.half_size img {
+
−
padding: 10px 15px;
+
−
width: 93%;  
+
 
}
 
}
 +
 
         .quarter_size {
 
         .quarter_size {
 
width: 25%;  
 
width: 25%;  
Line 79: Line 860:
 
}
 
}
  
 +
 +
 +
.team{
 +
    width:80%;
 +
    margin: auto;
 +
}
 +
 +
.team90{
 +
    width:90%;
 +
}
 +
 +
.quarter_size img{
 +
    width:90%;
 +
 +
}
 +
 +
.half_size img{
 +
    width: 250px;
 +
    margin: auto;
 +
}
 +
 +
.des{
 +
    border :3px solid #265;
 +
    border-radius : 15px;
 +
    padding: 10px 50px;
 +
    margin: 10px 50px;
 +
    text-weight: none;
 +
}
 +
 +
 +
body{
 +
    //background:url(https://static.igem.org/mediawiki/2016/e/e2/T--Manchester--background.png) repeat fixed;
 +
    background-size: 100px;
 +
    margin:auto;
 +
    width: 100%;
 +
    margin-top: 55px;
 +
    padding-bottom: 70px;
 +
}
 +
 +
 +
 +
.teampic{
 +
    border-radius: 50%;
 +
}
 +
 +
.box-shadow-menu{
 +
  display:none;
 +
  border: 1px solid black;
 +
  background: orange;
 +
  margin-top: 15px;
 +
  width: 100%;
 +
  text-align: center;
 +
  text-decoration : none;
 +
  color: black;
 +
  cursor: pointer;
 +
  height: 15px;
 +
  padding: 17px;
 +
}
 +
 +
 +
 +
.box-shadow-menu:before {
 +
  content: "";
 +
  position: absolute;
 +
  right: 30px;
 +
  top: 0.6em;
 +
  width: 2em;
 +
  height: 0.35em;
 +
  background: black;
 +
  box-shadow:
 +
    0 0.5em 0 0 black,
 +
    0 1em 0 0 black;
 +
}
 +
   
 +
 +
/********************************* menu bar formatting ********************************/
 +
nav {
 +
        margin:auto;
 +
text-align: center;
 +
        text-weight: bold;
 +
}
 +
 +
nav > ul:hover{
 +
    opacity:1;
 +
}
 +
 +
nav ul ul:hover{
 +
    opacity:1;
 +
}
 +
 +
 +
nav ul{
 +
-webkit-transition: all 0.6s ease-out;
 +
    -moz-transition: all 0.6s ease-out;
 +
    -o-transition: all 0.6s ease-out;
 +
    -ms-transition: all 0.6s ease-out;
 +
    transition: all 0.6s ease-out;
 +
}
 +
 +
nav ul ul{
 +
    display: none;
 +
    z-index: 100;
 +
}
 +
 +
nav ul li:hover > ul {
 +
    display: block;
 +
    animation: fadein 0.5s;
 +
}
 +
 +
 +
 +
#nav_bar{
 +
    position: fixed;
 +
    background-color: orange;
 +
    display:block;
 +
    font-size:20px;
 +
    list-style: none;
 +
    box-shadow: 0px 0px 9px black;
 +
    border-radius: 10px;
 +
    width: 100%;
 +
    margin:auto;
 +
    left:0;
 +
    top: 18px;
 +
    z-index: 999;
 +
    height: 50px;
 +
}
 +
 +
nav ul li {
 +
    float: left;
 +
    position: relative;
 +
}
 +
 +
nav > ul > li a:link{
 +
    color: white;
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    font-family: "Segoe UI";
 +
    padding: 8px 18px;
 +
    height: 30px;
 +
}
 +
 +
nav > ul > li a.special{
 +
    color: white;
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    font-family: "Segoe UI";
 +
    height: 50px;
 +
}
 +
 +
nav > ul > li a:visited{
 +
    color: white;
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    font-family: "Segoe UI";
 +
    padding: 8px 18px;
 +
}
 +
 +
nav ul li:hover a{
 +
    color: black;
 +
    background-color:gold;
 +
    text-decoration: none;
 +
}
 +
 +
nav ul > li:active > a{
 +
    color: black;
 +
 +
}
 +
 +
 +
nav ul ul{
 +
    position: absolute;
 +
    top: 85%;
 +
    padding: 0;
 +
    width: 180px;
 +
    z-index: 100;
 +
    list-style: none;
 +
    border-radius: 10px;
 +
    text-weight: bold;
 +
}
 +
 +
nav ul ul li{
 +
    float: none;
 +
    position: relative;
 +
    border-bottom: 1px solid black;
 +
    box-shadow: 0px 0px 9px black;
 +
    background: orange;
 +
    text-weight: bold;
 +
}
 +
 +
nav ul ul > li a:link {
 +
    padding: 5px 15px;
 +
    color: black;
 +
    background-color: orange;
 +
    font-family: "Segoe UI"
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    height: auto;
 +
}
 +
 +
nav ul ul > li a:visited {
 +
    padding: 5px 15px;
 +
    color: black;
 +
    background-color: orange;
 +
    font-family: "Segoe UI"
 +
    display: block;
 +
    text-align: center;
 +
    text-decoration: none;
 +
}
 +
nav ul ul > li:hover a{
 +
color: black;
 +
                                box-shadow: 0px 0px 9px black;
 +
                                background-color: gold;
 +
}
 +
 +
nav ul > ul > li:active > a{
 +
                                background-color: gold;
 +
                        }
 +
 +
.active nav > ul > li > a{
 +
    float: left;
 +
    display: block;
 +
}
 +
 +
.active nav ul ul li a{
 +
    float: none;
 +
    display: block;
 +
 +
}
 +
 +
.active > a:link{
 +
    display: block;
 +
    color: black;
 +
    text-align: center;
 +
    text-decoration:none;
 +
    font-weight: bold;
 +
    border-bottom: 2px solid black
 +
}
 +
 +
.active > a:visited{
 +
    display: block;
 +
    color: black;
 +
    text-align: center;
 +
    text-decoration:none;
 +
    font-weight: bold;
 +
    border-bottom: 2px solid black
 +
}
 +
 +
.active > a:hover {
 +
  color: grey;
 +
  background-color: gold;
 +
}
 +
 +
.homeimg{
 +
    width:50px;
 +
    height:50px;
 +
}
 +
   
 +
.dropbtn {
 +
    display: none;
 +
    position: absolute;
 +
}
 +
 +
.dropbtn li a {
 +
    color: white;
 +
    background-color: orange;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}   
 +
 +
.dropbtn li a:hover {
 +
    color: black;
 +
    width: 80%;
 +
}
 +
 +
.dropdown_content:hover .dropbtn{
 +
    display: block;
 +
}
 +
 +
.dropdown_content:hover{
 +
    background: light-orange;
 +
}
 +
 +
@keyframes fadein {
 +
    from { opacity: 0; }
 +
    to  { opacity: 1; }
 +
}
 +
 +
a.special:link {
 +
    border-radius: 10px 0 0 10px;
 +
    padding: 0px 10px;
 +
 +
}
 +
 +
a.special:visited {
 +
    border-radius: 10px 0 0 10px;
 +
    padding: 0px 10px;
 +
}
 +
 +
 +
.animate {
 +
    color: purple;
 +
    animation: myfirst 1s linear infinite ;
 +
}
 +
 +
@keyframes myfirst {
 +
    0%  {color:purple; }
 +
    25%  {color:yellow;}
 +
    50%  {color:blue; }
 +
    75%  {color:green;}
 +
    100% {color:purple;}
 +
}
 +
 +
  .unique {
 +
    width:95px;
 +
    color:#3b5998;
 +
    background-color:white;
 +
    font-family:"Arial Black";
 +
    text-decoration: none;
 +
    }
 +
 +
    .unique:hover {
 +
    width:95px;
 +
    background-color: #3b5998;   
 +
    color: white;
 +
    text-decoration: none;
 +
    }
 +
 +
    .unique a{
 +
    color:#3b5998;
 +
    background-color:white;
 +
    font-family:"Arial Black";
 +
    text-decoration: none;
 +
    }
 +
 +
 +
    .unique:hover a{
 +
    background-color: #3b5998;   
 +
    color: white;
 +
    text-decoration: none;
 +
    transition: all 0.4s ease
 +
    }
 +
 +
  .unique1 {
 +
    width:75px;
 +
    color:#4099FF;
 +
    background-color:white;
 +
    font-family:"Arial Black";
 +
    text-decoration: none;
 +
    }
 +
 +
    .unique1:hover {
 +
    width:75px;
 +
    background-color: #4099FF;   
 +
    color: white;
 +
    text-decoration: none;
 +
    }
 +
 +
    .unique1 a{
 +
    color:#4099FF;
 +
    background-color:white;
 +
    font-family:"Arial Black";
 +
    text-decoration: none;
 +
    }
 +
 +
 +
    .unique1:hover a{
 +
    background-color: #4099FF;   
 +
    color: white;
 +
    text-decoration: none;
 +
    transition: all 0.4s ease
 +
    }
 +
 +
.pic{
 +
    width:35%;
 +
    margin: auto;
 +
    text-align: center;
 +
    padding-top:50px;
 +
    height:300px;
 +
}
 +
 +
.word{
 +
    margin: 15px;
 +
    border-radius: 10px;
 +
    background: #FFF0F5;
 +
    padding: 20px;
 +
    width: 55%;
 +
    text-align: center;
 +
    height: 300px;
 +
}
 +
 +
.words{
 +
    margin: 15px;
 +
    border-radius: 10px;
 +
    background: #E0EEEE;
 +
    padding: 20px;
 +
    width: 55%;
 +
    text-align: center;
 +
    height: 300px;
 +
}
 +
 +
.title{
 +
    font-size: 32px; font-family: "Segoe UI";
 +
}
 +
 +
@media screen and (min-width:1250px){
 +
    .comstyle{margin-top: 25px;}
 +
    .title{display:none}
 +
    .mobilestyle{display: none;}
 +
    .fixed{display: block; float:none; width: 143px;position:relative}
 +
    .fixed:hover {left: 20px; -webkit-transition: all 0.6s ease-out;
 +
    -moz-transition: all 0.6s ease-out;
 +
    -o-transition: all 0.6s ease-out;
 +
    -ms-transition: all 0.6s ease-out;
 +
    transition: all 0.6s ease-out;}
 +
    .summary1{position:fixed; top:70px;left:70px;display:block}
 +
    .summary{display:none}
 +
    .teamtitle{ font-size:30px;}
 +
 +
.blue250{
 +
    background:url(https://static.igem.org/mediawiki/2016/b/b1/T--Manchester--cogwheelblue.png) no-repeat;
 +
    background-size: 138px 138px;
 +
    background-position: center;
 +
 +
}
 +
 +
.green250{
 +
    background:url(https://static.igem.org/mediawiki/2016/3/32/T--Manchester--cogwheelgreen.png) no-repeat;
 +
    background-size: 138px 138px; 
 +
    background-position: center;
 +
 +
}
 +
 +
.orange250{
 +
    background:url(https://static.igem.org/mediawiki/2016/7/71/T--Manchester--cogwheelorange.png) no-repeat;
 +
    background-size: 138px 138px;
 +
    background-position: center;
 +
 +
}
 +
 +
.yellow250{
 +
    background:url(https://static.igem.org/mediawiki/2016/9/9e/T--Manchester--cogwheelyellow.png) no-repeat;
 +
    background-size: 138px 138px;
 +
    background-position: center;
 +
 +
}
 +
 +
.cog250{
 +
    width: 138px;
 +
    height: 138px;
 +
    line-height: 129px; 
 +
    line-width: 138px;
 +
    border: white solid 1px;
 +
    border-radius:50%;
 +
}
 +
 +
.sub, .subb{
 +
font-size: 16px;
 +
width: 138px;
 +
text-align:center;
 +
}
 +
 +
.subb{
 +
    line-height:100%;
 +
    margin-top:34%;
 +
}
 +
 +
}
 +
 +
 +
@media screen and (max-width:700px){
 +
    ul.romanlist{font-size:9px;}
 +
    nav ul li{display: block; float:none; border:1px solid grey;}
 +
    nav ul ul {width:90%; position:relative}
 +
    nav ul ul li{background-color:#ffc04c}
 +
    nav ul ul li a{background-color:#ffc04c}
 +
    nav ul > li > a:link{ height:20px;}
 +
    nav ul > li > a:visited{ height:20px;}
 +
    #nav_bar{margin-top:-25px; position:relative; display: none; font-size:15px; width:100%; right:0; left:auto; height:auto;}
 +
    #vid{ display: none}
 +
    .empty{ display:none;}
 +
    .box-shadow-menu { width: 100%;display: block;}
 +
    .active{ display:block; float:none; position:relative;}
 +
    .team{ width: 95%}
 +
    .se-pre-con{display:none}
 +
    .comprofile{display: none}
 +
    .mobile-profile{display:block; font-size:10px;}
 +
    .des{display: block;}
 +
    #rossbio, #nickbio, #marcbio{font-size:0.6em;margin:auto;width: 95%; display: block; position: relative; left: 0; bottom:0px;}
 +
    #info{display:none}
 +
    .onethird_size{ width:95%}
 +
    .half_size{width:95%; height:auto;}
 +
    .quarter_size{width:95%;text-align: center;}
 +
    .quarter_size img{width:250px; }
 +
    .column  {
 +
padding: 10px 10px;
 +
float:none;
 +
                margin: auto;
 +
                }
 +
    .des{padding:10px; margin: 10px;}
 +
    .spacebox{ display:block}
 +
    .active > a:link{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, .twofifth_size{width:100%; margin:auto;}
 +
    .homeimg{width:40px; height:40px;}
 +
    nav > ul > li a.special{ height:40px;}
 +
    map{display: none}
 +
    .team90{width:95%}
 +
    .floatright1{float:none; margin:auto;}
 +
}
 +
 +
@media screen and (min-width:700px){
 +
    #nav_bar{ display:block}
 +
    .mobile-profile{display:none}
 +
}
 +
 +
@media screen and (max-width:1250px){
 +
    .comstyle{display:none}
 +
    .mapspecial{
 +
        width:100%;
 +
    }
 +
    .com1{display:none}
 +
    .subb{font-size:1.2em;}
 +
    .nonehp{display:none}
 +
    .titlehp{display:none}
 +
    .charitiesdiv{width: 95%;float:none; margin:auto}
 +
}
  
  
  
 
</style>
 
</style>
 +
 +
<head>
 +
<title> Manchester iGEM 2016 </title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
  
 
</head>
 
</head>
−
<body>
 
  
−
<menu_ul>
 
  
−
  <menu_li><a class="active" href="https://2016.igem.org/Team:Manchester">Home</a></menu_li>
 
−
  <menu_li><a href="https://2016.igem.org/Team:Manchester/Team">Team</a></menu_li>
 
−
  <menu_li><a href="https://2016.igem.org/Team:Manchester/Description">Project</a></menu_li>
 
  
−
</menu_ul>
 
  
 +
<a class="box-shadow-menu">
 +
</a>
 +
 +
 +
 +
<nav>
 +
 +
<ul id="nav_bar">
 +
<li>
 +
<a class="special "href="https://2016.igem.org/Team:Manchester" title="Home"><img src="https://static.igem.org/mediawiki/2016/7/7b/Manchester_logo.gif" class="homeimg"></img></a>
 +
</li>
 +
  <li><a href="https://2016.igem.org/Team:Manchester/Team"><strong>Team</strong></a>
 +
 +
      <ul>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Team">Team</a></strong></li>
 +
        <li class="dropdown_content"><strong><a href="https://2016.igem.org/Team:Manchester/Attributions">Attributions</a></strong></li>
 +
      </ul>
 +
 +
  </li>
 +
 +
  <li><a href="https://2016.igem.org/Team:Manchester/Description"><strong>Project</strong></a>
 +
 +
      <ul>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Description">Overview</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/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/Project/Protocols">Protocol</a></strong></li>
 +
        <li><strong><a href="https://2016.igem.org/Team:Manchester/Safety">Safety</a></strong></li>
 +
      </ul>
 +
 +
  </li>
 +
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Achievement"><strong>Achievement</strong></a>
 +
 +
      <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/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/Parts">Parts</a></strong></li> 
 +
      </ul>
 +
 +
  </li>
 +
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Human_Practices"><strong>Human Practices</strong></a>
 +
 +
      <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/Charities">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">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/Integrated_Practices">Integrated Practices</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>
 +
 +
 +
  </li>
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Model"><strong>Modelling</strong></a>
 +
   
 +
    <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/hp">Modelling Integration</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>
 +
 +
  </li>
 +
  <li class="dropdown_content"><a href="https://2016.igem.org/Team:Manchester/Safety"><strong>Safety</strong></a></li>
 +
</ul>
 +
 +
</nav>
 +
 +
<div class="spacebox"></div>
 +
 +
 +
<!-- MathJax (LaTeX for the web) -->
 +
<script type="text/x-mathjax-config">
 +
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
</script>
 +
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
        $(".box-shadow-menu").click(function(){
 +
            $("#nav_bar").toggle();
 +
        });
 +
$( window ).resize(function() {
 +
$("#nav_bar").show();
 +
});
 +
});
 +
</script>
 +
 +
<script>
 +
if($(window).width() < 700{
 +
$(".box-shadow-menu").show();
 +
}
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 700){
 +
        $(".nick").click(function(){
 +
            $("#nickbio").fadeIn("fast");$("#rossbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 700){
 +
        $(".ross").click(function(){
 +
            $("#rossbio").fadeIn("fast");$("#nickbio").fadeOut("fast");$("#marcbio").fadeOut("fast");$("#info").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    if($(window).width() > 700){
 +
        $(".marc").click(function(){
 +
            $("#marcbio").fadeIn("fast");$("#nickbio").fadeOut("fast");$("#rossbio").fadeOut("fast");$("#info").fadeOut("fast")
 +
        });
 +
    }
 +
});
 +
</script>
 +
 +
<script>
 +
    $(function(){
 +
        $('nav  ul  li  a').each(function(){
 +
            if ($(this).prop('href') == window.location.href) {
 +
                $(this).addClass('active'); $(this).parents('li').addClass('active');
 +
            }
 +
        });
 +
    });
 +
</script>
 +
<script>
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links
 +
  $("map area").on('click', function(event) {
 +
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 +
      // Store hash
 +
      var hash = this.hash;
 +
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
    } // End if
 +
  });
 +
});
 +
 +
</script>
 +
 +
<script>
 +
function checkScroll(){
 +
    var startY = $('nav > ul').height() * 2; //The point where the navbar changes in px
 +
 +
    if($(window).scrollTop() > startY){
 +
        $('nav > ul').addClass("scrolled");
 +
    }else{
 +
        $('nav > ul').removeClass("scrolled");
 +
 +
    }
 +
}
 +
 +
if($('nav > ul').length > 0){
 +
    $(window).on("scroll load resize", function(){
 +
        checkScroll();
 +
    });
 +
}
 +
</script>
 +
 +
<script>
 +
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links
 +
  $("a").on('click', function(event) {
 +
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 +
      // Store hash
 +
      var hash = this.hash;
 +
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
    } // End if
 +
  });
 +
});
 +
 +
</script>
 +
 +
<script>
 +
$(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(){
 +
            $(".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, .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, .surveyinfo").delay(700).fadeIn('slow');
 +
        });
 +
 +
});
 +
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
  $(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(){
 +
            $(".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, .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, .surveyinfo").delay(700).fadeIn('fast');
 +
 +
        },0);
 +
    }
 +
 +
  })
 +
});
 +
</script>
 +
 +
<script>
 +
$(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, .cog0").click(function(){
 +
            $(".date1").animate({left:'79.5%'});
 +
            $(".date2").animate({left:'86.0%'});
 +
        });
 +
})
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
  $(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(){
 +
            $(".date1").animate({left:'79.5%'});
 +
            $(".date2").animate({left:'86.0%'});
 +
        },0);
 +
    }
 +
 +
  })
 +
})
 +
</script>
 +
 +
<script>
 +
$("a[href="#top"]").click(function() {
 +
  $("html, body").scrollTop(0);
 +
  return false;
 +
});
 +
</script>
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 19:49, 26 November 2016

Manchester iGEM 2016