Template:CSS/UT-Tokyo/CTCD
From 2014.igem.org
(Difference between revisions)
Pineappler (Talk | contribs) |
Pineappler (Talk | contribs) |
||
(8 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 306: | Line 410: | ||
display:block; | display:block; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:280px; |
left:50%; | left:50%; | ||
- | margin-left:- | + | margin-left:-260px; |
+ | width:520px; | ||
} | } | ||
#left-img{ | #left-img{ | ||
Line 406: | Line 511: | ||
list-style-image:none; | list-style-image:none; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:700px; |
left:50%; | left:50%; | ||
- | margin-left:- | + | margin-left:-375px; |
} | } | ||
ul.topList li, ul.topList2 li{ | ul.topList li, ul.topList2 li{ | ||
Line 415: | Line 520: | ||
} | } | ||
img.topListImg{ | img.topListImg{ | ||
- | width: | + | width:150px; |
- | + | ||
} | } | ||
</style> | </style> |
Latest revision as of 02:38, 18 October 2014