Team:NCTU Formosa/source/head

Revision as of 18:18, 23 September 2013 (view source)

Calvinhue (Talk | contribs)

← Older edit

Latest revision as of 13:28, 15 September 2014 (view source)

Calvinhue (Talk | contribs)

(Undo revision 364342 by Calvinhue (talk))

(33 intermediate revisions not shown)

Line 2:

-

~~<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>~~

+

+

-

<~~link id~~="~~size~~-stylesheet" rel="stylesheet" ~~type~~="text/css" href="https://2013.igem.org/Team:NCTU Formosa/css/~~style850u~~?action=raw&ctype=text/css" />

+

+

+

+

+

-

~~function adjustStyle(width) {~~

-

~~width = parseInt(width);~~

-

~~if (width < 850) {~~

-

$("#size-stylesheet").attr("href", unescape('%68%74%74%70%3A%2F%2F%32%30%31%33%2E%69%67%65%6D%2E%6F%72%67%2F%54%65%61%6D%3A%4E%43%54%55%20%46%6F%72%6D%6F%73%61%2F%63%73%73%2F%73%74%79%6C%65%38%35%30%62%3F%61%63%74%69%6F%6E%3D%72%61%77%26%63%74%79%70%65%3D%74%65%78%74%2F%63%73%73'));

-

~~} else {~~

-

$("#size-stylesheet").attr("href", unescape('%68%74%74%70%3A%2F%2F%32%30%31%33%2E%69%67%65%6D%2E%6F%72%67%2F%54%65%61%6D%3A%4E%43%54%55%20%46%6F%72%6D%6F%73%61%2F%63%73%73%2F%73%74%79%6C%65%38%35%30%75%3F%61%63%74%69%6F%6E%3D%72%61%77%26%63%74%79%70%65%3D%74%65%78%74%2F%63%73%73'));

-

}

-

}

$(function() {

-

~~adjustStyle($(this).width());~~

-

~~$(window).resize(function() {~~

-

~~adjustStyle($(this).width());~~

-

~~});~~

var lastId,

topMenu = $("#toc"),

Line 48:

Line 41:

.closest(".toclevel-1").removeClass("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);

}

Line 73:

Line 69:

.closest(".toclevel-1").removeClass("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 78:

Line 77:

})

$(document).ready(function(){

+

if ($(document).scrollTop() > 409) {

+

$('#toc').stop().css({

+

position: 'fixed',

+

left: '15px'

+

}).animate({'top': '111px'}, 500);

+

}

var long = false,

dheight = $(document).height(),

Line 89:

Line 94:

away = true;

$('#toc').stop().css({

-

position: 'fixed'

+

position: 'fixed',

+

left: '15px'

}).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500);

}}

} else {

away = false;

-

if ($(document).scrollTop() < ~~409~~){

+

if ($(document).scrollTop() < 431){

$('#toc').stop().css({

-

position: 'absolute'

+

position: 'absolute',

+

left: '-265px'

}).animate({'top': '0px'}, 500);

}

else {

$('#toc').stop().css({

-

position: 'fixed'

+

position: 'fixed',

-

}).animate({'top': '~~78px~~'}, 500);

+

left: '15px'

+

}).animate({'top': '111px'}, 500);

}

@@ Line 2: / Line 2: @@
 <meta name="copyright" content="Contents belong to NCTU Formosa; Website designed by Calvin Hue." />
 <meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" />
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
 <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/style?action=raw&ctype=text/css' rel="stylesheet">
-<link id="size-stylesheet" rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:NCTU Formosa/css/style850u?action=raw&ctype=text/css" />
+<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: 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: 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">
 <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>
-function adjustStyle(width) {
-    width = parseInt(width);
-    if (width < 850) {
-        $("#size-stylesheet").attr("href", unescape('%68%74%74%70%3A%2F%2F%32%30%31%33%2E%69%67%65%6D%2E%6F%72%67%2F%54%65%61%6D%3A%4E%43%54%55%20%46%6F%72%6D%6F%73%61%2F%63%73%73%2F%73%74%79%6C%65%38%35%30%62%3F%61%63%74%69%6F%6E%3D%72%61%77%26%63%74%79%70%65%3D%74%65%78%74%2F%63%73%73'));
-    } else {
-       $("#size-stylesheet").attr("href", unescape('%68%74%74%70%3A%2F%2F%32%30%31%33%2E%69%67%65%6D%2E%6F%72%67%2F%54%65%61%6D%3A%4E%43%54%55%20%46%6F%72%6D%6F%73%61%2F%63%73%73%2F%73%74%79%6C%65%38%35%30%75%3F%61%63%74%69%6F%6E%3D%72%61%77%26%63%74%79%70%65%3D%74%65%78%74%2F%63%73%73'));
-    }
-}
 $(function() {
-    adjustStyle($(this).width());
-    $(window).resize(function() {
-        adjustStyle($(this).width());
-    });
 var lastId,
      topMenu = $("#toc"),
@@ Line 48: / Line 41: @@
                  .closest(".toclevel-1").removeClass("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);
          }
@@ Line 73: / Line 69: @@
               .closest(".toclevel-1").removeClass("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 78: / Line 77: @@
 })
 $(document).ready(function(){
+if ($(document).scrollTop() > 409) {
+            $('#toc').stop().css({
+                position: 'fixed',
+                left: '15px'
+            }).animate({'top': '111px'}, 500);
+}
 var long = false,
 dheight = $(document).height(),
@@ Line 89: / Line 94: @@
                  away = true;
              $('#toc').stop().css({
-                 position: 'fixed'
+                 position: 'fixed',
+                left: '15px'
              }).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500);
              }}
          } else {
              away = false;
-if ($(document).scrollTop() < 409){
+if ($(document).scrollTop() < 431){
              $('#toc').stop().css({
-                 position: 'absolute'
+                 position: 'absolute',
+                left: '-265px'
              }).animate({'top': '0px'}, 500);
 }
 else {
              $('#toc').stop().css({
-                 position: 'fixed'
+                 position: 'fixed',
-             }).animate({'top': '78px'}, 500);
+                left: '15px'
+             }).animate({'top': '111px'}, 500);
 }
          }

Team:NCTU Formosa/source/head

From 2013.igem.org

Latest revision as of 13:28, 15 September 2014