|
|
(36 intermediate revisions not shown) |
Line 28: |
Line 28: |
| $(document).scroll(function() { | | $(document).scroll(function() { |
| | | |
- | if($(document).scrollTop()>=165) | + | if($(document).scrollTop()>=180) |
| { | | { |
- | $('aside').css('position','fixed').css('top','30px').css('box-shadow','0px 6px 6px #1c1a19'); | + | $('aside').css('position','fixed').css('top','40px').css('box-shadow','0px 3px 6px #1c1a19'); |
| | | |
| } | | } |
| else | | else |
| { | | { |
- | $('aside').css('position','static').css('float','left').css('margin-left','0.3%').css('box-shadow','0px 4px 4px #1c1a19'); | + | $('aside').css('position','static').css('float','left').css('margin-left','-0.3%').css('box-shadow','none'); |
| } | | } |
| }); | | }); |
Line 46: |
Line 46: |
| $(document).scroll(function() { | | $(document).scroll(function() { |
| | | |
- | if($(document).scrollTop()>=160) | + | if($(document).scrollTop()>=180) |
| { | | { |
- | $('.navbar').css('position','fixed').css('top','0px').css('width','100%'); | + | $('#menu').css('position','fixed').css('top','0px').css('width','100%'); |
- | $('.home-link').css('background','none').css('display','inline'); | + | $('#menu a span').css('display','none'); |
- | $('.project-link').css('background','none').css('display','inline');
| + | $('#menu ul').css('top','1.5em').css('top','1.5vw'); |
- | $('.team-link').css('background','none').css('display','inline'); | + | $('#menu #igem-link').css('width','1.5%'); |
- | $('.model-link').css('background','none').css('display','inline');
| + | } |
- | $('.biology-link').css('background','none').css('display','inline'); | + | |
- | $('.practice-link').css('background','none').css('display','inline');
| + | |
- | $('.notebook-link').css('background','none').css('display','inline');
| + | |
- | $('.ref-link').css('background','none').css('display','inline');
| + | |
- | $('.spon-link').css('background','none').css('display','inline');
| + | |
- | $('.igem-link').css('background','none').css('display','inline');
| + | |
- | $('.active').css('box-shadow','none').css('background-color','transparent');
| + | |
- | $('.nav li').css('max-width','300px').css('min-width','0px').css('width','auto').css('padding','0 1%');
| + | |
- | $('.navbar-inner').css('padding-top','10px');
| + | |
- | } | + | |
| else | | else |
| { | | { |
- | $('.navbar').css('position','relative').css('width','100%'); | + | $('#menu').css('position','static'); |
- | $('.home-link').css('background','url("https://static.igem.org/mediawiki/2013/8/8c/EvryHome.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | $('#menu a span').css('display','block'); |
- | $('.project-link').css('background','url("https://static.igem.org/mediawiki/2013/4/4f/EvryProject.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block'); | + | $('#menu ul').css('top','5.5em').css('top','5.5vw'); |
- | $('.team-link').css('background','url("https://static.igem.org/mediawiki/2013/a/ad/EvryTeam.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | $('#menu #igem-link').css('width','4%'); |
- | $('.model-link').css('background','url("https://static.igem.org/mediawiki/2013/e/e5/EvryModel.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block'); | + | |
- | $('.biology-link').css('background','url("https://static.igem.org/mediawiki/2013/9/90/EvryBiology.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | |
- | $('.practice-link').css('background','url("https://static.igem.org/mediawiki/2013/f/fa/EvryHP.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block'); | + | |
- | $('.notebook-link').css('background','url("https://static.igem.org/mediawiki/2013/6/6a/EvryNotebook.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | |
- | $('.ref-link').css('background','url("https://static.igem.org/mediawiki/2013/4/4e/EvryRef.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | |
- | $('.ref-link:hover').css('background','url("https://static.igem.org/mediawiki/2013/d/df/EvryRef_col.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | |
- | $('.spon-link').css('background','url("https://static.igem.org/mediawiki/2013/3/3f/EvrySponsors.png") no-repeat scroll 50% 5px / 60px 60px transparent').css('display','block');
| + | |
- | $('.igem-link').css('background','url("https://static.igem.org/mediawiki/2013/4/47/IGEM2013logoEvry.png") no-repeat scroll 50% 5px transparent').css('display','block');
| + | |
- | $('.active').css('box-shadow','inset 1px 1px 2px #1c1a19,inset -1px -1px 2px #c6d1c3 ,inset 0 10px 20px #1c1a19,inset 0 -10px 20px #c6d1c3').css('background-color','#cbc9ba');
| + | |
- | $('.nav li').css('max-width','80px').css('min-width','60px').css('width','10%').css('padding','0 0.2%');
| + | |
- | $('.navbar-inner').css('padding-top','0px');
| + | |
| } | | } |
| }); | | }); |
Line 93: |
Line 72: |
| if($(document).scrollTop()>=160) | | if($(document).scrollTop()>=160) |
| { | | { |
- | $('.onglet').css('position','fixed').css('top','23px').css('margin-left','8px'); | + | $('.onglet').css('position','fixed').css('margin-left','8px').css('top','5%'); |
- | } | + | $('.onglet-left').css('position','fixed').css('top','5%'); |
- |
| + | } |
| else | | else |
| { | | { |
- | $('.onglet').css('position','absolute').css('top','265px').css('margin-left','0px'); | + | $('.onglet').css('position','absolute').css('margin-left','0px').css('top','auto'); |
| + | $('.onglet-left').css('position','absolute').css('top','auto'); |
| } | | } |
| | | |
Line 105: |
Line 85: |
| </script> | | </script> |
| | | |
- | <!-- Ancre Notebook -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready( function () {
| |
- | $('#w1').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w2').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week2").offset().top}, 'slow');
| |
- | });
| |
- | $('#w3').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w4').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w5').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w6').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w7').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w8').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w9').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w10').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w11').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w12').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w13').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w14').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w15').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w16').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w17').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w18').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w19').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | $('#w20').click(function() {
| |
- | $('html,body').animate({scrollTop: $("#week1").offset().top}, 'slow');
| |
- | });
| |
- | })
| |
- | </script>
| |
| | | |
| </html> | | </html> |