Difference between revisions of "Template:Toronto/CSS"

 
(24 intermediate revisions by the same user not shown)
Line 6: Line 6:
  
 
<script type="text/javascript" src="https://2018.igem.org/Template:Toronto/js/jqueryeasing1_3?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:Toronto/js/jqueryeasing1_3?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" async
 +
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async>
 +
</script>
 
</head>
 
</head>
  
Line 367: Line 371:
 
padding: 3em;
 
padding: 3em;
 
background: linear-gradient(45deg, #ffffff 10%, #ffffff 90%);
 
background: linear-gradient(45deg, #ffffff 10%, #ffffff 90%);
−
color: white;
+
color: black;
 
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
 
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
 
}
 
}
Line 498: Line 502:
 
.animate({'top':'25px'},200);
 
.animate({'top':'25px'},200);
 
});
 
});
 +
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
$('a[href*=#]').bind('click', function(e) {
 +
e.preventDefault(); // prevent hard jump, the default behavior
 +
 +
var target = $(this).attr("href"); // Set the target as variable
 +
 +
// perform animated scrolling by getting top-position of target-element and set it as scroll target
 +
$('html, body').stop().animate({
 +
scrollTop: $(target).offset().top
 +
}, 600, function() {
 +
location.hash = target; //attach the hash (#jumptarget) to the pageurl
 +
});
 +
 +
return false;
 +
});
 +
});
 +
 +
$(window).scroll(function() {
 +
var scrollDistance = $(window).scrollTop();
 +
 +
// Show/hide menu on scroll
 +
//if (scrollDistance >= 850) {
 +
// $('nav').fadeIn("fast");
 +
//} else {
 +
// $('nav').fadeOut("fast");
 +
//}
 +
 +
// Assign active class to nav links while scolling
 +
$('.page-section').each(function(i) {
 +
if ($(this).position().top <= scrollDistance) {
 +
$('.navigation a.active').removeClass('active');
 +
$('.navigation a').eq(i).addClass('active');
 +
}
 +
});
 +
}).scroll();
 +
</script>
 +
 +
 +
<script>
 +
$(function() {
 +
    var $anchor = $("#scroller-anchor");
 +
    var $scroller = $('#mainNav');
 +
 +
    var move = function() {
 +
        var st = $(window).scrollTop();
 +
        var ot = $anchor.offset().top - 50;
 +
        if(st > ot) {
 +
          $scroller.css({
 +
              position: "fixed",
 +
              top: "50px",
 +
              float: "left"
 +
          });
 +
        } else {
 +
          $scroller.css({
 +
              position: "relative",
 +
              top: "",
 +
              float: "left"
 +
          });
 +
        }
 +
    };
 +
    $(window).scroll(move);
 +
    move();
 
});
 
});
 
</script>
 
</script>
Line 532: Line 602:
 
     </a>
 
     </a>
 
     <div class="sdt_box" style="z-index: 99; opacity: 1.0;">
 
     <div class="sdt_box" style="z-index: 99; opacity: 1.0;">
−
      <a href="https://2018.igem.org/Team:Toronto/DryLab/Equations">Equations</a>
 
 
       <a href="https://2018.igem.org/Team:Toronto/Model">Model</a>
 
       <a href="https://2018.igem.org/Team:Toronto/Model">Model</a>
 
     </div>
 
     </div>

Latest revision as of 00:23, 17 October 2018