Template:CSS/UT-Tokyo/Counter/Contents

From 2014.igem.org

(Difference between revisions)
 
(72 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 311: Line 352:
margin-bottom:0px;
margin-bottom:0px;
}
}
 +
 +
#pageContents h4{
 +
color:#000;
 +
padding-left:45px;
 +
font-size:20px;
 +
margin-bottom:0px;
 +
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 343: Line 401:
ul.subContList li a{
ul.subContList li a{
color:#DDDDDD;
color:#DDDDDD;
-
margin-left:30px;
+
margin-left:45px;
font-size:20px;
font-size:20px;
text-decoration:none;
text-decoration:none;
 +
text-indent:-1.0em;
 +
display:block;
}
}
img#RightTop{
img#RightTop{
Line 450: Line 510:
}
}
img.math{
img.math{
-
padding-left:50px;
+
padding-left:70px;
}
}
img.sponsor{
img.sponsor{
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 462: Line 547:
if(node.childNodes[0].childNodes[0].src.indexOf("open") == -1){
if(node.childNodes[0].childNodes[0].src.indexOf("open") == -1){
-
node.childNodes[2].style.display = "inline";
+
node.childNodes[2].style.display = "block";
}else{
}else{
node.childNodes[2].style.display = "none";
node.childNodes[2].style.display = "none";
Line 470: 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 487: Line 584:
function loadContent(cont,link){
function loadContent(cont,link){
document.title = "σ-Re Counter | UT-Tokyo 2014";
document.title = "σ-Re Counter | UT-Tokyo 2014";
-
alert(cont);
+
-
alert(link);
+
$('html,body').animate({
 +
scrollTop: 0
 +
}, 300);
 +
 
 +
var loading = document.getElementById("loading-img");
 +
 
 +
loading.style.display = "block";
 +
 +
var node = document.getElementById("pageContents");
 +
for(var i = 0;i < node.childNodes.length; i++){
 +
if(node.childNodes[i].nodeType == 1){
 +
node.childNodes[i].style.display = "none";
 +
}
 +
}
 +
 
 +
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"){
if(cont != "Team-top"){
if(cont != "Team-top"){
-
var op = cont.replace("-block","");
+
if(cont != "Safety-block"){
-
var opNode = document.getElementById(op);
+
var op = cont.replace("-block","");
-
if(opNode.childNodes[0].childNodes[0].src.indexOf("open") == -1){
+
var opNode = document.getElementById(op);
-
open(op);
+
if(opNode.childNodes[0].childNodes[0].src.indexOf("open") == -1){
 +
open(op);
 +
}
}
}
}
}
Line 505: Line 629:
}
}
if(tmp != "Team-top"){
if(tmp != "Team-top"){
-
var op = tmp.replace("-block","");
+
if(tmp != "Safety-block"){
-
var opNode = document.getElementById(op);
+
var op = tmp.replace("-block","");
-
if(opNode.childNodes[0].childNodes[0].src.indexOf("open") == -1){
+
var opNode = document.getElementById(op);
-
open(op);
+
if(opNode.childNodes[0].childNodes[0].src.indexOf("open") == -1){
 +
open(op);
 +
}
}
}
}
}
}
}
-
var node = document.getElementById("pageContents");
+
 
-
for(var i = 0;i < node.childNodes.length; i++){
+
var i;
-
if(node.childNodes[i].nodeType == 1){
+
for(i = 0;i<7;i++){
-
node.childNodes[i].style.display = "none";
+
if(list[i] != op){
 +
close(list[i]);
}
}
}
}
-
 
if(typeof cont === "undefined"){
if(typeof cont === "undefined"){
Line 529: Line 655:
var str = cont;
var str = cont;
}
}
 +
 +
var node = document.getElementById(str);
 +
 +
var hoge = 0;
 +
 +
var read = "#" + str;
 +
var loC = "https://2014.igem.org/Team:UT-Tokyo/Counter/Project/" + str.replace("-block","") + "?action=raw";
 +
var existCheck = node.getElementsByTagName("div");
 +
if(existCheck.length == 0){
 +
$(read).load(loC,function(data){
 +
if(data == null){
 +
$(read).append("読み込みに失敗しました");
 +
}
 +
});
 +
hoge = 1;
 +
}else{
 +
hoge = 1;
 +
}
 +
var box = document.getElementsByClassName("pageContentsBox");
 +
var pc = document.getElementById("pageContents");
if(str == "Project-block"){
if(str == "Project-block"){
-
var box = document.getElementsByClassName("pageContentsBox");
+
box[0].style.height = "13050px";
-
var pc = document.getElementById("pageContents");
+
pc.style.height = "13000px";
-
box[0].style.height = "12300px";
+
}else if(str == "Result-block"){
-
pc.style.height = "12250px";
+
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"){
-
var box = document.getElementsByClassName("pageContentsBox");
+
box[0].style.height = "22900px";
-
var pc = document.getElementById("pageContents");
+
pc.style.height = "22850px";
-
box[0].style.height = "18000px";
+
}else if(str == "Achievement-block"){
-
pc.style.height = "17950px";
+
box[0].style.height = "1550px";
 +
pc.style.height = "1500px";
 +
}else if(str == "Safety-block"){
 +
box[0].style.height = "2700px";
 +
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"){
-
var box = document.getElementsByClassName("pageContentsBox");
+
box[0].style.height = "2500px";
-
var pc = document.getElementById("pageContents");
+
pc.style.height = "2450px";
-
box[0].style.height = "1900px";
+
-
pc.style.height = "1850px";
+
}
}
-
var node = document.getElementById(str);
+
 +
loading.style.display = "none";
node.style.display = "block";
node.style.display = "block";
Line 553: Line 712:
btnode.style.display = "block";
btnode.style.display = "block";
}
}
-
if(typeof link !== "undefined"){
+
-
if(link == "top"){
+
var huga = setInterval(function(){
-
$("#contentsBody").mCustomScrollbar("scrollTo","top");
+
if(hoge == 1){
-
}else{
+
if(typeof link !== "undefined"){
-
var href = "#" + link;
+
if(link == "top"){
-
var target = $(href);
+
$("#contentsBody").mCustomScrollbar("scrollTo","top");
-
$("#contentsBody").mCustomScrollbar("scrollTo",target);
+
clearInterval(huga);
 +
}else if(document.getElementById(link) != null){
 +
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);
 +
$("#contentsBody").mCustomScrollbar("scrollTo",target);
 +
clearInterval(huga);
 +
}
 +
}else{
 +
$("#contentsBody").mCustomScrollbar("scrollTo","top");
 +
clearInterval(huga);
 +
}
 +
}
}
}
-
}else{
+
},500);
-
if(typeof getUrlVars()["cont"] !== "undefined"){
+
-
var href = "#" + getUrlVars()["cont"];
+
-
var target = $(href);
+
-
$("#contentsBody").mCustomScrollbar("scrollTo",target);
+
-
}else{
+
-
$("#contentsBody").mCustomScrollbar("scrollTo","top");
+
-
}
+
-
}
+
var team = document.getElementById("Team-top");
var team = document.getElementById("Team-top");
if(team.style.display != "none"){
if(team.style.display != "none"){
Line 656: 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 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">
 
<script>
<script>
-
$(window).load(function() {
+
$(window).load( function() {
-
$("#contentsBody").mCustomScrollbar({
+
  $("#contentsBody").mCustomScrollbar({
mouseWheelPixels: 250
mouseWheelPixels: 250
-
});
+
  });
-
});
+
-
$(window).load( function() {
+
    
    
   $('#isotope').isotope({
   $('#isotope').isotope({
Line 687: Line 852:
</style>
</style>
</noscript>
</noscript>
-
 
</head>
</head>
</html>
</html>

Latest revision as of 03:53, 18 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/UT-Tokyo/Counter/Contents"