Team:Baskent-Meds/test
From 2012.igem.org
(Difference between revisions)
BurakGulsen (Talk | contribs) |
BurakGulsen (Talk | contribs) |
||
(71 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | <html> |
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
Line 6: | Line 6: | ||
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> | <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 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"> | ||
+ | |||
function MM_reloadPage(init) { //reloads the window if Nav4 resized | function MM_reloadPage(init) { //reloads the window if Nav4 resized | ||
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { | ||
Line 15: | Line 45: | ||
} | } | ||
MM_reloadPage(true); | MM_reloadPage(true); | ||
- | + | ||
</script> | </script> | ||
+ | <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> | </head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;} | |
- | #top-section {height: 20px;border-left: none;border-right: none;} | + | |
#siteSub {display:none;} | #siteSub {display:none;} | ||
#search-controls {display:none;} | #search-controls {display:none;} | ||
Line 51: | Line 83: | ||
#catlinks { height: 0px; overflow: hidden; display: none; border: } | #catlinks { height: 0px; overflow: hidden; display: none; border: } | ||
- | body{ | + | body{ |
- | + | font-family:"Gill Sans MT", Helvetica; | |
- | font-size: | + | font-size: 12px; |
- | + | background:#F3F3F3; | |
+ | color: #FFFFFF; | ||
+ | background-color: #FFFFFF; | ||
} | } | ||
Line 63: | Line 97: | ||
li{ | li{ | ||
- | width: | + | width:110px; |
- | height: | + | height:40px; |
float:left; | float:left; | ||
color:#191919; | color:#191919; | ||
Line 71: | Line 105: | ||
} | } | ||
- | a{ | + | a{ |
- | + | color:#FFF; | |
- | + | text-decoration:none; | |
+ | font-family: Gill Sans MT, Helvetica; | ||
+ | font-size: 18px; | ||
} | } | ||
Line 81: | Line 117: | ||
- | + | ||
/*Menu Color Classes*/ | /*Menu Color Classes*/ | ||
- | .green{background:#6AA63B;} | + | |
- | .yellow{background:#FBC700;} | + | .green{ |
- | .red{background:#D52100;} | + | background:#6AA63B; |
- | .purple{background:#5122B4;} | + | color: #FFFFFF; |
- | .blue{background:#0292C0;} | + | font-size: 18px; |
- | .pink{background: #000000} | + | } |
- | .style2 {font-size: 16px} | + | .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> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | <div id="Layer2" style="position:absolute; left: | + | <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"/> | |
- | + | <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> | |
- | + | ||
- | + | ||
- | + | </div> | |
- | + | <div id="risorc" class="nivo-html-caption"> | |
- | + | <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>. | |
- | + | </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> |
- | + | </div> | |
- | + | </div> | |
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(window).load(function() { | ||
+ | $('#slider').nivoSlider(); | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:44, 1 August 2012