Template:CSS/UT-Tokyo/CTCD

From 2014.igem.org

(Difference between revisions)
 
(7 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>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/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">
 +
$(document).ready(function(){
 +
// simple jMenu plugin called
 +
$("#jMenu").jMenu();
 +
// more complex jMenu plugin called
 +
$("#jMenu").jMenu({
 +
ulWidth : 'auto',
 +
effects : {
 +
effectSpeedOpen : 300,
 +
effectTypeClose : 'slide'
 +
},
 +
animatedText : false
 +
});
 +
});
 +
$(document).ready(function(){
 +
// simple jMenu plugin called
 +
$("#jMenu2").jMenu();
 +
// more complex jMenu plugin called
 +
$("#jMenu2").jMenu({
 +
ulWidth : 'auto',
 +
effects : {
 +
effectSpeedOpen : 300,
 +
effectTypeClose : 'slide'
 +
},
 +
animatedText : false
 +
});
 +
});
 +
 +
function setMouseOver(){
 +
document.title = "CTCD | UT-Tokyo 2014";
 +
}
 +
</script>
<style type="text/css">
<style type="text/css">
 +
/* jMenu */
 +
.jMenu{
 +
display:table;
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
}
 +
.jMenu li ul{
 +
display:none;
 +
position:absolute;
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
z-index:0;
 +
}
 +
.jMenu li ul li{
 +
z-index:9999;
 +
background-color:#000;
 +
display:block;
 +
padding:0;
 +
border:0;
 +
list-style:none;
 +
position:relative;
 +
width:150px;
 +
height:30px;
 +
font-size:x-large;
 +
}
 +
.jMenu li ul li a{
 +
font-size:x-large;
 +
font-family:'Times New Roman','Merriweather', serif;;
 +
color:#FFF;
 +
text-transform:none;
 +
display:block;
 +
height:29px;
 +
border-top:1px solid transparent;
 +
border-bottom:1px solid transparent;
 +
padding-left:10px;
 +
}
 +
.jMenu li ul li a.isParent{
 +
background-color:#3a3a3a
 +
}
 +
.jMenu li ul li a:hover{
 +
background-color:#868A08;
 +
}
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading{
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading{
Line 287: Line 390:
#bodyContent{
#bodyContent{
width:100%;
width:100%;
 +
height:1000px;
}
}
#contentSub{
#contentSub{
Line 407: Line 511:
list-style-image:none;
list-style-image:none;
position:absolute;
position:absolute;
-
top:600px;
+
top:700px;
left:50%;
left:50%;
-
margin-left:-300px;
+
margin-left:-375px;
}
}
ul.topList li, ul.topList2 li{
ul.topList li, ul.topList2 li{
Line 416: Line 520:
}
}
img.topListImg{
img.topListImg{
-
width:100px;
+
width:150px;
-
margin-left:25px;
+
}
}
</style>
</style>

Latest revision as of 02:38, 18 October 2014