Template:CSS/UT-Tokyo/CTCD/Contents

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<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>
<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 310: Line 332:
font-size:30px;
font-size:30px;
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;
}
}
Line 343: Line 380:
}
}
ul.subContList li a{
ul.subContList li a{
 +
display:block;
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;
}
}
img#RightTop{
img#RightTop{
Line 414: Line 453:
font-size:medium;
font-size:medium;
}
}
-
p.name{
+
#pageContents p.name{
font-size:40px;
font-size:40px;
margin-left:30px;
margin-left:30px;
Line 449: Line 488:
text-indent:0px;
text-indent:0px;
}
}
 +
legend{
 +
font-size:16px;
 +
margin-left:100px;
 +
margin-right:100px;
 +
}
 +
img.math{
 +
padding-left:50px;
 +
}
 +
img.sponsor{
 +
height:50px;
 +
padding-left:50px;
 +
}
 +
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 537:
node.childNodes[0].childNodes[0].src = node.childNodes[0].childNodes[0].alt;
node.childNodes[0].childNodes[0].src = node.childNodes[0].childNodes[0].alt;
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;
 +
}
}
}
Line 479: Line 564:
function loadContent(cont,link){
function loadContent(cont,link){
-
document.title = "σ-Re Counter | UT-Tokyo 2014";
+
document.title = "CTCD | UT-Tokyo 2014";
 +
 
 +
$('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 497: Line 609:
}
}
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 522: Line 636:
}
}
 +
var node = document.getElementById(str);
 +
 +
var hoge = 0;
 +
 +
var read = "#" + str;
 +
var loC = "https://2014.igem.org/Team:UT-Tokyo/CTCD/Content/" + 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 = "4100px";
-
var pc = document.getElementById("pageContents");
+
pc.style.height = "4050px";
-
box[0].style.height = "6300px";
+
}else if(str == "Result-block"){
-
pc.style.height = "6250px";
+
box[0].style.height = "1400px";
 +
pc.style.height = "1350px";
 +
}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 = "1300px";
-
var pc = document.getElementById("pageContents");
+
pc.style.height = "1250px";
-
box[0].style.height = "18000px";
+
}else if(str == "Achievement-block"){
-
pc.style.height = "17950px";
+
box[0].style.height = "1600px";
 +
pc.style.height = "1550px";
 +
}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 545: Line 691:
btnode.style.display = "block";
btnode.style.display = "block";
}
}
-
if(typeof link !== "undefined"){
+
var huga = setInterval(function(){
-
if(link == "top"){
+
if(hoge == 1){
-
$("#contentsBody").mCustomScrollbar("scrollTo","top");
+
if(typeof link !== "undefined"){
-
}else{
+
if(link == "top"){
-
var href = "#" + link;
+
$("#contentsBody").mCustomScrollbar("scrollTo","top");
-
var target = $(href);
+
clearInterval(huga);
-
$("#contentsBody").mCustomScrollbar("scrollTo",target);
+
}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 658: Line 815:
<link href="https://2014.igem.org/Team:UT-Tokyo/jquery.mCustomScrollbar.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
<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({

Latest revision as of 03:42, 18 October 2014

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