Template:CSS/UT-Tokyo/CTCD/Contents

From 2014.igem.org

(Difference between revisions)
 
(11 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 461: Line 500:
padding-left: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 474: 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 492: Line 565:
function loadContent(cont,link){
function loadContent(cont,link){
document.title = "CTCD | 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");
var node = document.getElementById("pageContents");
Line 499: Line 580:
}
}
}
}
 +
-
var loading = document.getElementById("loading-img");
+
var list = new Array(7);
-
loading.style.display = "block";
+
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"){
Line 531: Line 619:
}
}
 +
var i;
 +
for(i = 0;i<7;i++){
 +
if(list[i] != op){
 +
close(list[i]);
 +
}
 +
}
if(typeof cont === "undefined"){
if(typeof cont === "undefined"){
Line 553: Line 647:
if(data == null){
if(data == null){
$(read).append("読み込みに失敗しました");
$(read).append("読み込みに失敗しました");
-
hoge = 1;
 
-
}else{
 
-
hoge = 1;
 
}
}
});
});
 +
hoge = 1;
}else{
}else{
hoge = 1;
hoge = 1;
Line 565: Line 657:
var pc = document.getElementById("pageContents");
var pc = document.getElementById("pageContents");
if(str == "Project-block"){
if(str == "Project-block"){
-
box[0].style.height = "12300px";
+
box[0].style.height = "4100px";
-
pc.style.height = "12250px";
+
pc.style.height = "4050px";
 +
}else if(str == "Result-block"){
 +
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"){
-
box[0].style.height = "18000px";
+
box[0].style.height = "1300px";
-
pc.style.height = "17950px";
+
pc.style.height = "1250px";
-
}else if(str == "Attribution-block"){
+
}else if(str == "Achievement-block"){
-
box[0].style.height = "3000px";
+
box[0].style.height = "1600px";
-
pc.style.height = "2950px";
+
pc.style.height = "1550px";
}else if(str == "Safety-block"){
}else if(str == "Safety-block"){
-
box[0].style.height = "3000px";
+
box[0].style.height = "2700px";
-
pc.style.height = "2950px";
+
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 = "1900px";
+
box[0].style.height = "2500px";
-
pc.style.height = "1850px";
+
pc.style.height = "2450px";
}
}
loading.style.display = "none";
loading.style.display = "none";
Line 589: Line 693:
var huga = setInterval(function(){
var huga = setInterval(function(){
if(hoge == 1){
if(hoge == 1){
-
clearInterval(huga);
 
if(typeof link !== "undefined"){
if(typeof link !== "undefined"){
if(link == "top"){
if(link == "top"){
$("#contentsBody").mCustomScrollbar("scrollTo","top");
$("#contentsBody").mCustomScrollbar("scrollTo","top");
-
}else{
+
clearInterval(huga);
 +
}else if(document.getElementById(link) != null){
var href = "#" + link;
var href = "#" + link;
var target = $(href);
var target = $(href);
$("#contentsBody").mCustomScrollbar("scrollTo",target);
$("#contentsBody").mCustomScrollbar("scrollTo",target);
 +
clearInterval(huga);
}
}
}else{
}else{
-
if(typeof getUrlVars()["cont"] !== "undefined"){
+
if(typeof getUrlVars()["contents"] !== "undefined"){
-
var href = "#" + getUrlVars()["cont"];
+
if(document.getElementById(getUrlVars()["contents"]) != null){
-
var target = $(href);
+
var href = "#" + getUrlVars()["contents"];
-
$("#contentsBody").mCustomScrollbar("scrollTo",target);
+
var target = $(href);
 +
$("#contentsBody").mCustomScrollbar("scrollTo",target);
 +
clearInterval(huga);
 +
}
}else{
}else{
$("#contentsBody").mCustomScrollbar("scrollTo","top");
$("#contentsBody").mCustomScrollbar("scrollTo","top");
 +
clearInterval(huga);
}
}
}
}
Line 692: Line 801:
}
}
}
}
-
$("#contentsBody").mCustomScrollbar({
 
-
mouseWheelPixels: 250
 
-
});
 
-
 
}
}
function bttop(){
function bttop(){
Line 711: Line 816:
<script>
<script>
$(window).load( function() {
$(window).load( function() {
 +
$("#contentsBody").mCustomScrollbar({
 +
mouseWheelPixels: 250
 +
});
    
    
   $('#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"