Template:CSS/UT-Tokyo/Counter

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'>
+
<script type="text/javascript">
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
function changeIcon(URL) {
-
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
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 type="text/javascript" src="https://2014.igem.org/Team:UT-Tokyo/jMenu.jquery.min.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2014.igem.org/Team:UT-Tokyo/jMenu.jquery.min.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 34: Line 55:
function setMouseOver(){
function setMouseOver(){
-
var node = document.getElementById("jMenu");
+
document.title = "σ-Re Counter | UT-Tokyo 2014";
-
for(var i = 0;i<node.childNodes.length;i++){
+
-
if(node.childNodes[i].nodeType == 1){
+
-
node.childNodes[i].onmouseover = function(){
+
-
img = this.getElementsByTagName('img');
+
-
if(img[0] && img[0].alt){
+
-
var tmp = img[0].src;
+
-
img[0].src = img[0].alt;
+
-
img[0].alt = tmp;
+
-
}
+
-
}
+
-
node.childNodes[i].onmouseout = function(){
+
-
img = this.getElementsByTagName('img');
+
-
if(img[0] && img[0].alt){
+
-
var tmp = img[0].src;
+
-
img[0].src = img[0].alt;
+
-
img[0].alt = tmp;
+
-
}
+
-
}
+
-
}
+
-
}
+
-
var node = document.getElementById("jMenu2");
+
-
for(var i = 0;i<node.childNodes.length;i++){
+
-
if(node.childNodes[i].nodeType == 1){
+
-
node.childNodes[i].onmouseover = function(){
+
-
img = this.getElementsByTagName('img');
+
-
if(img[0] && img[0].alt){
+
-
var tmp = img[0].src;
+
-
img[0].src = img[0].alt;
+
-
img[0].alt = tmp;
+
-
}
+
-
}
+
-
node.childNodes[i].onmouseout = function(){
+
-
img = this.getElementsByTagName('img');
+
-
if(img[0] && img[0].alt){
+
-
var tmp = img[0].src;
+
-
img[0].src = img[0].alt;
+
-
img[0].alt = tmp;
+
-
}
+
-
}
+
-
}
+
-
}
+
}
}
</script>
</script>
Line 108: Line 88:
.jMenu li ul li a{
.jMenu li ul li a{
font-size:x-large;
font-size:x-large;
-
font-family:'Times New Roman','Merriweather', serif;;
+
font-family:'Times New Roman', serif;;
color:#FFF;
color:#FFF;
text-transform:none;
text-transform:none;
Line 115: Line 95:
border-top:1px solid transparent;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-bottom:1px solid transparent;
-
padding-left:30px;
+
padding-left:10px;
}
}
.jMenu li ul li a.isParent{
.jMenu li ul li a.isParent{
Line 530: Line 510:
list-style-image:none;
list-style-image:none;
position:absolute;
position:absolute;
-
top:700px;
+
top:800px;
left:50%;
left:50%;
margin-left:-375px;
margin-left:-375px;

Latest revision as of 01:45, 18 October 2014