Difference between revisions of "Template:Toronto/CSS"

 
(23 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 537: Line 541:
 
});
 
});
 
}).scroll();
 
}).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 570: 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