Team:NCTU Formosa/source/head
From 2013.igem.org
(Difference between revisions)
(25 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: | + | <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: | + | <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() { | $(function() { | ||
- | |||
- | |||
- | |||
- | |||
var lastId, | var lastId, | ||
topMenu = $("#toc"), | topMenu = $("#toc"), | ||
Line 51: | 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 76: | 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 81: | 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 93: | Line 95: | ||
$('#toc').stop().css({ | $('#toc').stop().css({ | ||
position: 'fixed', | position: 'fixed', | ||
- | left: ' | + | 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() < | + | if ($(document).scrollTop() < 431){ |
$('#toc').stop().css({ | $('#toc').stop().css({ | ||
position: 'absolute', | position: 'absolute', | ||
Line 108: | Line 110: | ||
position: 'fixed', | position: 'fixed', | ||
left: '15px' | left: '15px' | ||
- | }).animate({'top': ' | + | }).animate({'top': '111px'}, 500); |
} | } | ||
} | } | ||
Line 123: | Line 125: | ||
$('.changeFontText').css({opacity: '1'}); | $('.changeFontText').css({opacity: '1'}); | ||
$('.changeFontArrow').css({opacity: '1'}); | $('.changeFontArrow').css({opacity: '1'}); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
}); | }); |
Latest revision as of 13:28, 15 September 2014