Template:CSS/UT-Tokyo/Counter/Contents
From 2014.igem.org
(Difference between revisions)
Pineappler (Talk | contribs) |
Pineappler (Talk | contribs) |
||
(43 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html><head> | <html><head> | ||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } }); | ||
+ | </script> | ||
+ | <script type="text/javascript" | ||
+ | src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?action=raw&ctype=text/javascript&config=TeX-AMS_HTML"> | ||
+ | </script> | ||
+ | <meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" /> | ||
+ | <script type="text/javascript"> | ||
+ | function changeIcon(URL) { | ||
+ | var target = document.getElementsByTagName("link"); | ||
+ | var i = 0; | ||
+ | for(i = 0;i<target.length;i++){ | ||
+ | if(target[i].rel == "shortcut icon"){ | ||
+ | target[i].parentNode.removeChild(target[i]); | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | var link = document.createElement("link"); | ||
+ | link.type = "image/x-icon"; | ||
+ | link.rel = "shortcut icon"; | ||
+ | link.href = URL; | ||
+ | |||
+ | document.getElementsByTagName("head")[0].appendChild(link); | ||
+ | } | ||
+ | |||
+ | changeIcon("https://static.igem.org/mediawiki/2014/a/a9/Icon_32.gif"); | ||
+ | |||
+ | </script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:UT-Tokyo/jquery.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/jquery-ui.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/getUrlVars.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/jquery.easing.1.3.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/jquery.mCustomScrollbar.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/jquery.mousewheel.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/isotope.pkgd.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:UT-Tokyo/packery-mode.pkgd.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <link href="https://2014.igem.org/Team:UT-Tokyo/jquery.mCustomScrollbar.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<style type="text/css"> | <style type="text/css"> | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading{ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading{ | ||
Line 303: | Line 341: | ||
font-size:16px; | font-size:16px; | ||
text-indent:0px; | text-indent:0px; | ||
+ | } | ||
+ | #pageContents #Lab-2 p{ | ||
+ | font-family: "Times New Roman"; | ||
} | } | ||
Line 312: | Line 353: | ||
} | } | ||
- | #pageContents h4 | + | #pageContents h4{ |
color:#000; | color:#000; | ||
padding-left:45px; | padding-left:45px; | ||
Line 319: | Line 360: | ||
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
+ | #pageContents h5{ | ||
+ | color:#000; | ||
+ | padding-left:50px; | ||
+ | font-size:18px; | ||
+ | margin-bottom:0px; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
#contentsBody #pageContents p{ | #contentsBody #pageContents p{ | ||
color:#000; | color:#000; | ||
Line 351: | Line 401: | ||
ul.subContList li a{ | ul.subContList li a{ | ||
color:#DDDDDD; | color:#DDDDDD; | ||
- | margin-left: | + | margin-left:45px; |
font-size:20px; | font-size:20px; | ||
text-decoration:none; | text-decoration:none; | ||
- | text-indent:- | + | text-indent:-1.0em; |
+ | display:block; | ||
} | } | ||
img#RightTop{ | img#RightTop{ | ||
Line 464: | Line 515: | ||
height:50px; | height:50px; | ||
padding-left:50px; | padding-left:50px; | ||
+ | float:left; | ||
} | } | ||
+ | legend{ | ||
+ | font-size:16px; | ||
+ | margin-left:100px; | ||
+ | margin-right:100px; | ||
+ | } | ||
+ | img.attribution{ | ||
+ | float:left; | ||
+ | width:400px; | ||
+ | padding-left:50px; | ||
+ | } | ||
+ | #contentsBody #pageContents p.attr{ | ||
+ | float:left; | ||
+ | width:420px; | ||
+ | padding-left:20px; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | table{ | ||
+ | background-color:#FFF; | ||
+ | } | ||
+ | #contentsBody #pageContents p.sponsors{ | ||
+ | position:absolute; | ||
+ | left:40%; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
<script type="text/javascript" language="Javascript"> | <script type="text/javascript" language="Javascript"> | ||
Line 479: | Line 555: | ||
node.childNodes[0].childNodes[0].alt = temp; | node.childNodes[0].childNodes[0].alt = temp; | ||
} | } | ||
+ | |||
+ | function close(cname){ | ||
+ | var clnode = document.getElementById(cname); | ||
+ | |||
+ | if(clnode.childNodes[0].childNodes[0].src.indexOf("open") != -1){ | ||
+ | clnode.childNodes[2].style.display = "none"; | ||
+ | var temp = clnode.childNodes[0].childNodes[0].src; | ||
+ | clnode.childNodes[0].childNodes[0].src = clnode.childNodes[0].childNodes[0].alt; | ||
+ | clnode.childNodes[0].childNodes[0].alt = temp; | ||
+ | } | ||
+ | } | ||
+ | |||
function getNodes(){ | function getNodes(){ | ||
Line 496: | Line 584: | ||
function loadContent(cont,link){ | function loadContent(cont,link){ | ||
document.title = "σ-Re Counter | UT-Tokyo 2014"; | document.title = "σ-Re Counter | UT-Tokyo 2014"; | ||
+ | |||
+ | $('html,body').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 300); | ||
var loading = document.getElementById("loading-img"); | var loading = document.getElementById("loading-img"); | ||
+ | |||
loading.style.display = "block"; | loading.style.display = "block"; | ||
Line 506: | Line 599: | ||
} | } | ||
} | } | ||
+ | |||
+ | var list = new Array(7); | ||
+ | list[0] = "Project"; | ||
+ | list[1] = "Result"; | ||
+ | list[2] = "Lab"; | ||
+ | list[3] = "Modeling"; | ||
+ | list[4] = "Achievement"; | ||
+ | list[5] = "Attribution"; | ||
+ | list[6] = "Humanpractice"; | ||
+ | |||
+ | |||
if(typeof cont !== "undefined"){ | if(typeof cont !== "undefined"){ | ||
Line 535: | Line 639: | ||
} | } | ||
+ | var i; | ||
+ | for(i = 0;i<7;i++){ | ||
+ | if(list[i] != op){ | ||
+ | close(list[i]); | ||
+ | } | ||
+ | } | ||
if(typeof cont === "undefined"){ | if(typeof cont === "undefined"){ | ||
Line 563: | Line 673: | ||
hoge = 1; | hoge = 1; | ||
} | } | ||
- | |||
var box = document.getElementsByClassName("pageContentsBox"); | var box = document.getElementsByClassName("pageContentsBox"); | ||
var pc = document.getElementById("pageContents"); | var pc = document.getElementById("pageContents"); | ||
if(str == "Project-block"){ | if(str == "Project-block"){ | ||
- | box[0].style.height = " | + | box[0].style.height = "13050px"; |
- | pc.style.height = " | + | pc.style.height = "13000px"; |
+ | }else if(str == "Result-block"){ | ||
+ | box[0].style.height = "5850px"; | ||
+ | pc.style.height = "5800px"; | ||
+ | }else if(str == "Lab-block"){ | ||
+ | box[0].style.height = "112400px"; | ||
+ | pc.style.height = "112350px"; | ||
}else if(str == "Modeling-block"){ | }else if(str == "Modeling-block"){ | ||
- | box[0].style.height = " | + | box[0].style.height = "22900px"; |
- | pc.style.height = " | + | pc.style.height = "22850px"; |
- | }else if(str == " | + | }else if(str == "Achievement-block"){ |
- | box[0].style.height = " | + | box[0].style.height = "1550px"; |
- | pc.style.height = " | + | pc.style.height = "1500px"; |
}else if(str == "Safety-block"){ | }else if(str == "Safety-block"){ | ||
- | box[0].style.height = " | + | box[0].style.height = "2700px"; |
- | pc.style.height = " | + | pc.style.height = "2650px"; |
+ | }else if(str == "Attribution-block"){ | ||
+ | box[0].style.height = "5100px"; | ||
+ | pc.style.height = "5050px"; | ||
+ | }else if(str == "Humanpractice-block"){ | ||
+ | box[0].style.height = "10050px"; | ||
+ | pc.style.height = "10000px"; | ||
}else if(str == "Team-top"){ | }else if(str == "Team-top"){ | ||
box[0].style.height = "2500px"; | box[0].style.height = "2500px"; | ||
Line 591: | Line 712: | ||
btnode.style.display = "block"; | btnode.style.display = "block"; | ||
} | } | ||
+ | |||
var huga = setInterval(function(){ | var huga = setInterval(function(){ | ||
if(hoge == 1){ | if(hoge == 1){ | ||
- | + | if(typeof link !== "undefined"){ | |
- | + | if(link == "top"){ | |
- | + | $("#contentsBody").mCustomScrollbar("scrollTo","top"); | |
- | + | clearInterval(huga); | |
- | + | }else if(document.getElementById(link) != null){ | |
- | }else{ | + | var href = "#" + link; |
- | + | var target = $(href); | |
+ | $("#contentsBody").mCustomScrollbar("scrollTo",target); | ||
+ | clearInterval(huga); | ||
+ | } | ||
+ | }else{ | ||
+ | if(typeof getUrlVars()["contents"] !== "undefined"){ | ||
+ | if(document.getElementById(getUrlVars()["contents"]) != null){ | ||
+ | var href = "#" + getUrlVars()["contents"]; | ||
var target = $(href); | var target = $(href); | ||
$("#contentsBody").mCustomScrollbar("scrollTo",target); | $("#contentsBody").mCustomScrollbar("scrollTo",target); | ||
+ | clearInterval(huga); | ||
} | } | ||
}else{ | }else{ | ||
- | + | $("#contentsBody").mCustomScrollbar("scrollTo","top"); | |
- | + | clearInterval(huga); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
} | } | ||
Line 701: | Line 826: | ||
$("#contentsBody").mCustomScrollbar("scrollTo","top"); | $("#contentsBody").mCustomScrollbar("scrollTo","top"); | ||
} | } | ||
+ | function linkDate(jump){ | ||
+ | var href = "#" + jump; | ||
+ | var target = $(href); | ||
+ | $("#contentsBody").mCustomScrollbar("scrollTo",target); | ||
+ | } | ||
+ | |||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script> | <script> | ||
$(window).load( function() { | $(window).load( function() { | ||
Line 730: | Line 852: | ||
</style> | </style> | ||
</noscript> | </noscript> | ||
- | |||
</head> | </head> | ||
</html> | </html> |