Template:CSS/UT-Tokyo/Counter/Contents
From 2014.igem.org
(Difference between revisions)
Pineappler (Talk | contribs) |
Pineappler (Talk | contribs) |
||
(34 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 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/jquery-ui.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
Line 312: | Line 341: | ||
font-size:16px; | font-size:16px; | ||
text-indent:0px; | text-indent:0px; | ||
+ | } | ||
+ | #pageContents #Lab-2 p{ | ||
+ | font-family: "Times New Roman"; | ||
} | } | ||
Line 321: | Line 353: | ||
} | } | ||
- | #pageContents h4 | + | #pageContents h4{ |
color:#000; | color:#000; | ||
padding-left:45px; | padding-left:45px; | ||
Line 328: | 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 360: | 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 473: | Line 515: | ||
height:50px; | height:50px; | ||
padding-left:50px; | padding-left:50px; | ||
+ | float:left; | ||
} | } | ||
legend{ | legend{ | ||
Line 478: | Line 521: | ||
margin-left:100px; | margin-left:100px; | ||
margin-right: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%; | ||
} | } | ||
Line 484: | Line 545: | ||
function open(name){ | function open(name){ | ||
var node = document.getElementById(name); | var node = document.getElementById(name); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
if(node.childNodes[0].childNodes[0].src.indexOf("open") == -1){ | if(node.childNodes[0].childNodes[0].src.indexOf("open") == -1){ | ||
Line 511: | Line 556: | ||
} | } | ||
- | function close( | + | function close(cname){ |
- | var clnode = document.getElementById( | + | var clnode = document.getElementById(cname); |
if(clnode.childNodes[0].childNodes[0].src.indexOf("open") != -1){ | if(clnode.childNodes[0].childNodes[0].src.indexOf("open") != -1){ | ||
- | |||
- | |||
clnode.childNodes[2].style.display = "none"; | 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; | ||
} | } | ||
- | |||
- | |||
- | |||
} | } | ||
Line 541: | 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 551: | 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 580: | 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 604: | Line 669: | ||
} | } | ||
}); | }); | ||
- | + | hoge = 1; | |
+ | }else{ | ||
+ | hoge = 1; | ||
} | } | ||
var box = document.getElementsByClassName("pageContentsBox"); | var box = document.getElementsByClassName("pageContentsBox"); | ||
Line 610: | Line 677: | ||
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 633: | Line 712: | ||
btnode.style.display = "block"; | btnode.style.display = "block"; | ||
} | } | ||
- | + | ||
var huga = setInterval(function(){ | var huga = setInterval(function(){ | ||
+ | if(hoge == 1){ | ||
if(typeof link !== "undefined"){ | if(typeof link !== "undefined"){ | ||
if(link == "top"){ | if(link == "top"){ | ||
Line 658: | Line 738: | ||
} | } | ||
} | } | ||
+ | } | ||
},500); | },500); | ||
var team = document.getElementById("Team-top"); | var team = document.getElementById("Team-top"); | ||
Line 745: | 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> |