Team:Baskent-Meds
From 2012.igem.org
(Difference between revisions)
BurakGulsen (Talk | contribs) |
BurakGulsen (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
- | + | <title>Smooth Animated jQuery Menu</title> | |
- | + | <link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/> | |
- | + | <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> | |
- | + | <script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script> | |
- | + | <!-- | |
- | + | <script> | |
- | + | $(document).ready(function(){ | |
- | + | //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/ | |
- | + | ||
- | + | //Remove outline from links | |
- | + | $("a").click(function(){ | |
- | + | $(this).blur(); | |
- | + | }); | |
- | + | ||
- | + | //When mouse rolls over | |
- | + | $("li").mouseover(function(){ | |
- | + | $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}) | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
}); | }); | ||
- | |||
- | |||
- | |||
- | |||
+ | //When mouse is removed | ||
+ | $("li").mouseout(function(){ | ||
+ | $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'}) | ||
+ | }); | ||
+ | |||
+ | }); | ||
- | < | + | --> |
- | / | + | </script> |
+ | <link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css"> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" /> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" /> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" /> | ||
- | + | </script> | |
- | + | <script language="JavaScript" type="text/JavaScript"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | text | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | function MM_reloadPage(init) { //reloads the window if Nav4 resized | |
- | + | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | |
+ | document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} | ||
+ | else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); | ||
} | } | ||
+ | MM_reloadPage(true); | ||
- | .firstHeading { | + | </script> |
- | display:none; | + | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script> |
- | } | + | <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script> |
+ | |||
+ | </head> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;} | ||
+ | #siteSub {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #search-controls {margin-top:0px;} | ||
+ | #footer-box {display:none;} | ||
+ | #contentSub {display:none;} | ||
+ | #siteSub {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #search-controls {margin-top:0px;} | ||
+ | #footer-box {display:none;} | ||
+ | #top-section {height: 20px;border-left: none;border-right: none;} | ||
+ | .left-menu {margin-top:-12px; | ||
+ | }.right-menu {margin-top:-12px;} | ||
+ | .left-menu ul {border: none;} | ||
+ | #menubar li a { color:#8C8984; background-color:transparent;} | ||
+ | #menubar ul { color:transparent; background-color:transparent;} | ||
+ | #menubar { background-color:transparent; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden} | ||
+ | .left-menu { left:0; padding-left: 0px;} | ||
+ | .right-menu { right:0; } | ||
+ | .firstHeading { display:none; } | ||
+ | #menubar{color: #transparent;} | ||
+ | #menubar.right-menu {margin-top:-12px;} | ||
+ | .right-menu ul {border: none;} | ||
+ | #menubar{top:15px;z-index:25;} | ||
+ | #menubar { background-color:f5f6f7; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}img[src*="/wiki/skins/common/images/wiki.png"]{ width:0; height:60px; padding-right:975px; background:#transparent;} | ||
+ | #p-logo a{color:#transparent;} | ||
+ | #catlinks { height: 0px; overflow: hidden; display: none; border: } | ||
- | # | + | body{ |
- | margin- | + | font-family:"Gill Sans MT", Helvetica; |
- | } | + | font-size: 12px; |
+ | background:#F3F3F3; | ||
+ | color: #FFFFFF; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | ul{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | li{ | ||
+ | width:110px; | ||
+ | height:40px; | ||
+ | float:left; | ||
+ | color:#191919; | ||
+ | text-align:center; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | color:#FFF; | ||
+ | text-decoration:none; | ||
+ | font-family: Gill Sans MT, Helvetica; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | padding:0px 5px; | ||
+ | } | ||
+ | |||
+ | |||
- | + | /*Menu Color Classes*/ | |
- | + | ||
- | + | ||
- | + | .green{ | |
- | # | + | background:#6AA63B; |
- | + | color: #FFFFFF; | |
+ | font-size: 18px; | ||
+ | } | ||
+ | .yellow{ | ||
+ | background:#FBC700; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .red{ | ||
+ | background:#D52100; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .purple{ | ||
+ | background:#5122B4; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .blue{ | ||
+ | background:#0292C0; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .pink{ | ||
+ | background: #000000; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .style2 { | ||
+ | font-size: 16px; | ||
+ | color: #FFFFFF; | ||
} | } | ||
- | + | a:link { | |
- | + | text-decoration: none; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | a:visited { | |
- | + | text-decoration: none; | |
- | + | color: #FFFFFF; | |
} | } | ||
- | + | a:hover { | |
- | + | text-decoration: none; | |
- | + | color: #FFFFFF; | |
} | } | ||
- | + | a:active { | |
- | + | text-decoration: none; | |
- | + | color: #FFFFFF; | |
} | } | ||
- | + | .style3 {color: #000000} | |
- | + | height: 74px; | |
- | + | width: 74px; | |
} | } | ||
- | + | .style8 {font-size: 18px} | |
- | . | + | .style11 {font-size: 36px} |
- | + | </style> | |
- | + | </head> | |
- | + | <body> | |
- | + | <div id="Layer2" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2"> | |
- | + | ||
- | } | + | |
- | + | <div id="Layer3" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2"> | |
- | + | ||
- | + | <div class="slider-wrapper theme-default"> | |
- | + | <div id="slider" class="nivoSlider"> | |
- | + | ||
- | + | <a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/> | |
- | . | + | |
- | + | <a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/> | |
- | </style | + | <a href="/Team:Baskent-Meds/Team"><img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/> |
- | + | <a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a> | |
- | + | ||
- | </head> | + | |
- | <body> | + | </div> |
- | + | <div id="risorc" class="nivo-html-caption"> | |
- | <div id=" | + | <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>. |
- | <div id=" | + | </div> |
- | + | <div id="buk" class="nivo-html-caption"> | |
- | + | <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>. | |
- | < | + | </div> |
- | + | <div id="mit" class="nivo-html-caption"> | |
- | < | + | <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>. |
- | + | </div> | |
- | + | <div id="fan" class="nivo-html-caption"> | |
- | + | <strong>also</strong> we have<em>fun!</em> with our competitors <a href="/Team:Baskent-Meds/Gallery">a link</a>. | |
- | + | </div> | |
- | <a href="/Team:Baskent-Meds/ | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | < | + | |
- | <a href="/Team:Baskent-Meds/ | + | |
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | < | + | |
- | + | ||
- | < | + | |
- | + | ||
- | </ | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <script type="text/javascript"> | |
- | + | ||
- | + | $(window).load(function() { | |
- | + | $('#slider').nivoSlider(); | |
- | < | + | }); |
- | + | </script> | |
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </body> | + | |
</html> | </html> |
Revision as of 01:45, 1 August 2012