Team:Baskent-Meds/test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<html lang="en">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
    <title>Nivo Slider Demo</title>
-
<title>Smooth Animated jQuery Menu</title>
+
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" />
-
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
+
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" />
-
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
+
    <link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" />
-
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
+
</head>
-
<!--
+
<body>
-
<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
+
-
  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);
+
-
 
+
-
</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>
+
-
<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{
+
-
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:-2px; top:0px; width:1000px; height:900px; z-index:2">
+
-
   
+
-
+
-
+
-
   
+
         <div class="slider-wrapper theme-default">
         <div class="slider-wrapper theme-default">
             <div id="slider" class="nivoSlider">
             <div id="slider" class="nivoSlider">
Line 198: Line 25:
     </div>
     </div>
-
      <script type="text/javascript">
+
    <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>
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
      
      
$(window).load(function() {
$(window).load(function() {
Line 204: Line 34:
     });
     });
     </script>
     </script>
-
</body>
+
</body>
</html>
</html>

Revision as of 01:08, 1 August 2012

Nivo Slider Demo

This is an example of a HTML caption with a link.

Retrieved from "http://2012.igem.org/Team:Baskent-Meds/test"