Team:Evry/template v1

From 2013.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!-- Remonter la page -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 17: Line 18:
});
});
</script>
</script>
 +
<div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;">
<div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;">
<img alt="Top_arrow" title="Top" src="https://static.igem.org/mediawiki/2013/7/78/IronMan.png" width="40" />
<img alt="Top_arrow" title="Top" src="https://static.igem.org/mediawiki/2013/7/78/IronMan.png" width="40" />
</div>
</div>
 +
<!-- menu latéral -->
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
     $(document).scroll(function() {
     $(document).scroll(function() {
      
      
-
         if($(document).scrollTop()>=165)
+
         if($(document).scrollTop()>=180)
             {
             {
-
                 $('aside').css('position','fixed').css('top','15px').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','absolute').css('top','200px').css('left','20px').css('box-shadow','0px 4px 4px #1c1a19');                 
+
                 $('aside').css('position','static').css('float','left').css('margin-left','-0.3%').css('box-shadow','none');                 
             }     
             }     
     });
     });
Line 38: Line 41:
</script>
</script>
 +
<!-- Menu horizontal -->
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
     $(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','200px').css('min-width','50px').css('padding','0 0 0 20px');   
+
-
                $('.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('padding','0 2px');
+
-
                $('.navbar-inner').css('padding-top','0px');                  
+
             }     
             }     
     });
     });
});
});
</script>
</script>
 +
 +
<!-- Onglet Notebook -->
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
  $(document).scroll(function() {
 +
   
 +
    if($(document).scrollTop()>=160)
 +
    {
 +
        $('.onglet').css('position','fixed').css('margin-left','8px').css('top','5%');
 +
        $('.onglet-left').css('position','fixed').css('top','5%');                     
 +
    } 
 +
    else
 +
    {
 +
        $('.onglet').css('position','absolute').css('margin-left','0px').css('top','auto');
 +
        $('.onglet-left').css('position','absolute').css('top','auto');                             
 +
    } 
 +
 
 +
  });
 +
});
 +
</script>
 +
</html>
</html>

Latest revision as of 18:04, 19 October 2013