Template:CSS/UT-Tokyo/Counter
From 2014.igem.org
(Difference between revisions)
Pineappler (Talk | contribs) |
Pineappler (Talk | contribs) |
||
(35 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="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"> | ||
+ | $(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 = "σ-Re Counter | 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', 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:#ff92ff; | ||
+ | } | ||
+ | |||
+ | |||
#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:1100px; | ||
} | } | ||
#contentSub{ | #contentSub{ | ||
Line 393: | Line 497: | ||
img{ | img{ | ||
border:0; | border:0; | ||
+ | } | ||
+ | ul.topList{ | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | position:absolute; | ||
+ | top:450px; | ||
+ | left:50%; | ||
+ | margin-left:-375px; | ||
+ | } | ||
+ | ul.topList2{ | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | position:absolute; | ||
+ | top:800px; | ||
+ | left:50%; | ||
+ | margin-left:-375px; | ||
+ | } | ||
+ | ul.topList li, ul.topList2 li{ | ||
+ | float:left; | ||
+ | width:150px; | ||
+ | } | ||
+ | img.topListImg{ | ||
+ | width:150px; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
- | |||
</html> | </html> |
Latest revision as of 01:45, 18 October 2014