Team:NCTU Formosa/source/head

From 2013.igem.org

(Difference between revisions)
(Undo revision 364342 by Calvinhue (talk))
 
(19 intermediate revisions not shown)
Line 3: Line 3:
<meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" />
<meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:500,400,300|Lobster+Two:700|Quicksand:700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:500,400,300|Lobster+Two:700|Quicksand:700" rel="stylesheet" type="text/css">
 +
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet">
 +
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link href='https://2013.igem.org/Team:NCTU Formosa/css/reset?action=raw&ctype=text/css' rel="stylesheet">
<link href='https://2013.igem.org/Team:NCTU Formosa/css/reset?action=raw&ctype=text/css' rel="stylesheet">
<link href='https://2013.igem.org/Team:NCTU Formosa/css/style?action=raw&ctype=text/css' rel="stylesheet">
<link href='https://2013.igem.org/Team:NCTU Formosa/css/style?action=raw&ctype=text/css' rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
-
<link rel="stylesheet" media="only screen and (min-width: 850px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850u?action=raw&ctype=text/css">
+
<link rel="stylesheet" media="only screen and (min-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850u?action=raw&ctype=text/css">
-
<link rel="stylesheet" media="only screen and (max-width: 850px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850b?action=raw&ctype=text/css">
+
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850b?action=raw&ctype=text/css">
 +
<link rel="stylesheet" media="only screen and (max-width: 850px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style750u?action=raw&ctype=text/css">
<link rel="stylesheet" media="only screen and (max-width: 600px)" href="https://2013.igem.org/Team:NCTU_Formosa/css/style320b?action=raw&ctype=text/css">
<link rel="stylesheet" media="only screen and (max-width: 600px)" href="https://2013.igem.org/Team:NCTU_Formosa/css/style320b?action=raw&ctype=text/css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/modernizr.custom?action=raw&ctype=text/javascript"></script>
<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/modernizr.custom?action=raw&ctype=text/javascript"></script>
<script>
<script>
 +
$(function() {
var lastId,
var lastId,
     topMenu = $("#toc"),
     topMenu = $("#toc"),
Line 37: Line 41:
                 .closest(".toclevel-1").removeClass("active")
                 .closest(".toclevel-1").removeClass("active")
                 .end().filter("[href=" + href +"]").closest(".toclevel-1").addClass("active");
                 .end().filter("[href=" + href +"]").closest(".toclevel-1").addClass("active");
 +
            menuItems
 +
                .closest(".toclevel-2").removeClass("active")
 +
                .end().filter("[href=" + href +"]").closest(".toclevel-2").addClass("active");
             setTimeout(function(){ noScrollAction = false; }, 10);
             setTimeout(function(){ noScrollAction = false; }, 10);
         }
         }
Line 62: Line 69:
             .closest(".toclevel-1").removeClass("active")
             .closest(".toclevel-1").removeClass("active")
             .end().filter("[href=#"+id+"]").closest(".toclevel-1").addClass("active");
             .end().filter("[href=#"+id+"]").closest(".toclevel-1").addClass("active");
 +
          menuItems
 +
            .closest(".toclevel-2").removeClass("active")
 +
            .end().filter("[href=#"+id+"]").closest(".toclevel-2").addClass("active");
       }
       }
   }     
   }     
Line 67: Line 77:
})  
})  
$(document).ready(function(){
$(document).ready(function(){
 +
if ($(document).scrollTop() > 409) {
 +
            $('#toc').stop().css({
 +
                position: 'fixed',
 +
                left: '15px'
 +
            }).animate({'top': '111px'}, 500);
 +
}
var long = false,
var long = false,
dheight = $(document).height(),
dheight = $(document).height(),
Line 79: Line 95:
             $('#toc').stop().css({
             $('#toc').stop().css({
                 position: 'fixed',
                 position: 'fixed',
-
                 left: '14px'
+
                 left: '15px'
             }).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500);
             }).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500);
             }}
             }}
         } else {
         } else {
             away = false;
             away = false;
-
if ($(document).scrollTop() < 409){
+
if ($(document).scrollTop() < 431){
             $('#toc').stop().css({
             $('#toc').stop().css({
                 position: 'absolute',
                 position: 'absolute',
Line 94: Line 110:
                 position: 'fixed',
                 position: 'fixed',
                 left: '15px'
                 left: '15px'
-
             }).animate({'top': '78px'}, 500);
+
             }).animate({'top': '111px'}, 500);
}
}
         }
         }
Line 109: Line 125:
$('.changeFontText').css({opacity: '1'});
$('.changeFontText').css({opacity: '1'});
$('.changeFontArrow').css({opacity: '1'});
$('.changeFontArrow').css({opacity: '1'});
-
}
 
-
if($(window).width()<850) {
 
-
$('.changeFont').css({display: 'none'});
 
-
} else {
 
-
 
-
$('.changeFont').css({display: 'block'});
 
}
}
});
});

Latest revision as of 13:28, 15 September 2014