Line 621: | Line 621: | ||
<script> | <script> | ||
/* Hiding stupid stuff*/ | /* Hiding stupid stuff*/ | ||
− | + | $('#top_title').css('display', 'none'); | |
− | + | $('#top_menu').css('display', 'none'); | |
− | + | $('#HQ_page').css('display', 'none'); | |
− | + | $('#top_menu_under').css('display', 'none'); | |
− | + | $('#content').removeClass('mw-body') | |
− | $('#content').removeClass('mw-body') | + | .attr('role','dummy2') |
− | + | .attr('id','dummy'); | |
− | + | ||
$('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code | $('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code | ||
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr'); | $('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr'); | ||
Line 636: | Line 635: | ||
$('nav').mouseover( | $('nav').mouseover( | ||
function () { | function () { | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
} | } | ||
Line 644: | Line 643: | ||
function () { | function () { | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
− | if (scroll > 0) {if ( $(window).width() >= | + | if (scroll > 0) {if ( $(window).width() >= 1090) { var pushed = $('body').hasClass('pushed'); if (pushed == false) { |
− | + | ||
− | + | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
$('nav').css('transition', '.5s ease'); | $('nav').css('transition', '.5s ease'); | ||
Line 656: | Line 653: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
function checkWidth() { | function checkWidth() { | ||
− | if ($(window).width() < | + | if ($(window).width() < 1090 || $('nav').hasClass('pushed')){ |
$('nav li').css('display', 'none'); | $('nav li').css('display', 'none'); | ||
$('#img-more').css('display','block'); | $('#img-more').css('display','block'); | ||
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
} else { | } else { | ||
$('nav li').css('display', 'inline'); | $('nav li').css('display', 'inline'); | ||
Line 667: | Line 664: | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
if ($(window).scrollTop() > 0) { | if ($(window).scrollTop() > 0) { | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
$('nav ul').addClass("scrolled"); | $('nav ul').addClass("scrolled"); | ||
} | } | ||
Line 685: | Line 682: | ||
$('nav img').toggleClass('pushed'); | $('nav img').toggleClass('pushed'); | ||
$('body').toggleClass('pushed'); | $('body').toggleClass('pushed'); | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 1090) { var pushed = $('body').hasClass('pushed'); if (pushed == false){ |
$('nav li').css('display', 'inline'); | $('nav li').css('display', 'inline'); | ||
$('#img-more').css('display','none'); | $('#img-more').css('display','none'); | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
}} | }} | ||
}); | }); | ||
Line 697: | Line 694: | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
− | if (scroll > 0) { if ( $(window).width() >= | + | if (scroll > 0) { if ( $(window).width() >= 1090) { |
nav.addClass("scrolled"); | nav.addClass("scrolled"); | ||
nav.removeClass("hover"); | nav.removeClass("hover"); | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
}} else { | }} else { | ||
nav.removeClass("scrolled"); | nav.removeClass("scrolled"); | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
} | } | ||
}); | }); |
Revision as of 00:35, 6 October 2016
</div> </div>
Coming Soon!
We are working hard on constructing the parts and submitting them to the registry to be used in other synthetic biology projects!