Template:CSS/UT-Tokyo/Counter

From 2014.igem.org

(Difference between revisions)
 
(7 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 35: Line 56:
function setMouseOver(){
function setMouseOver(){
document.title = "σ-Re Counter | UT-Tokyo 2014";
document.title = "σ-Re Counter | UT-Tokyo 2014";
-
var node = document.getElementById("jMenu");
 
-
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]){
 
-
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]){
 
-
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]){
 
-
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]){
 
-
var tmp = img[0].src;
 
-
img[0].src = img[0].alt;
 
-
img[0].alt = tmp;
 
-
}
 
-
}
 
-
}
 
-
}
 
}
}
</script>
</script>
Line 109: 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 116: 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 531: 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