Biomod/2012/TU Dresden/Nanosaurs
<html>
<!--Define meta tag content and encoding--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Start of javascripts, import jquery libraries--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type"text/javascript">
// Main function that waits for the browser to be ready $(document).ready(function(){
// Define hover function on the submenues
$('ul#top-menu li a').hover(function(){
// Define slide down function for the submenues
$(this).parent().find("ul.sub-menu").slideDown('fast').show();
// Hover function
$(this).parent().hover(function(){
}, function(){
// Set the submenu to slide up when hovering out
$(this).parent().find("ul.sub-menu").slideUp('slow');
});
});
}); </script>
<!--Loading jquery scripts for sliding panel(slideViewer)-->
<script src"http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript"></script> <script src"http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/jquery.slideviewer.1.2.js" type="text/javascript"></script>
<!--Javascript for the slideViewer
<script type="text/javascript">
$(window).bind("load",function(){
$("div#image-panel").slideView()
} );
</script>
<!--Start of CSS modifications to base homepage given by Harvard/Wyss Institute --> <style type="text/css">
body{background-color: white;}
- p-personal{display:none;}
- sidebar-main{
display:none;
widtht: 0px;
left: 0px;
}
h1.firstHeading{
display: none;
}
- content{
margin: 35px 15% 0px 15%;
padding: 10px 10px 10px 10px;
background-color: #C0C0C0;
}
- p-cactions{position: absolute;
top: 10px;
left: 0px;
font-size: 14px;
}
- footer{ position: relative;
bottom: 0px;
}
- contentSub{
position: absolute;
font-size:20px;
left: -20%; top: 0px;
z-index: 5; }
</style> <!-- End of modifications to base homepage -->
<!-- Start of our CSS --> <style type="text/css">
/*Specs for Dresden pic in the header*/
- dresden-pic{
position: absolute;
top: 0px;
right: 0px;
width: 70%;
height: 250px;
}
/*Team logo specs*/
- team-logo{
position: absolute;
top: 0px;
left: 0px;
width: 30%;
height: 250px;
font-size: 44px;
color: #0066CC;
background: #0066CC;
}
/*General menu bar specs*/ ul#top-menu{
position: absolute;
top: 250px;
left: 0px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
background: #3D3D3D;
float: left;
font-size: 22px;
/*background: url(exports-hal/users/studenthome/gscanon/Downloads/MgCl2ConcGel.png) repeat-x;*/ /*Optionalimage*/
}
/*Particular specs for the list comprised in the menu*/ ul#top-menu li{
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
}
/*Specs for the links in the menu*/ ul#top-menu li a{
padding: 5px 20px 5px 20px;
color: #fff;
display: block;
float: left;
text-decoration: none;
}
/*Hover effect for the links in the menu*/ ul#top-menu li a:hover{
/*background: url(Downloads/JQueryDropdownMenu/topnav_hover.gif) repeat-x;*/ /*Optional image*/
background: #4ECC63;
}
/*Specs for the submenues*/
ul#top-menu li ul.sub-menu{
list-style: none;
position: absolute;
top: 40px; left: 0px;
background: #3D3D3D;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
border: 1px solid #111;
}
/*Specs for the list in the submenu*/ ul#top-menu li ul.sub-menu li{
margin: 0; padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 170px;
{
/*Specs for the links in the submenues*/ ul#top-menu li ul.sub-menu li a{
color: #fff;
float: left;
width: 145px;
padding-left: 20px;
}
/*Hover effect for the submenues*/ ul#top-menu li ul.submenu li a{
background: #4ECC63;
}
</style> <!-- End of our CSS -->
<!--Basic CSS for slideViewer-->
/*preload classes*/ .svw {width: 50px; height: 20px; background: #fff ;} .svw ul {position: relative; left: -999em;}
/*core classes*/ .stripViewer { position: relative; overflow: hidden; border: 5px solid #ff0000 ; margin: 0 0 1px 0; } .stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; } .stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000 ; }
/*tooltips formatting*/ .tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede ; }
<!--End of basic CSS for slideViewer-->
<head>
</head>
<body>
<div id="dresden-pic"> <img src="http://openwetware.org/images/3/39/DresdenNight.png" alt="Panorama of Dresden at night" width="100%" height="100%" /> </div>
<div id="team-logo"> <p> TEAM LOGO </p> <p> :) :) :) :) :) :)</p> <p> :) :) :) :) :) :)</p> </div>
<ul id="top-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Project</a>
<ul class="sub-menu">
<li><a href="#">Idea</a></li>
<li><a href="#">Description</a></li>
<li><a href="#">Theory</a></li>
<li><a href="#">Results</a></li>
<li><a href="#">References</a></li>
</ul>
</li> <li><a href="#">Notebook</a>
<ul class="sub-menu">
<li><a href="#">Meetings</a></li>
<li><a href="#">Lab Protocols</a></li>
</ul>
</li> <li><a href="#">Outreach</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Sponsors</a></li> </ul>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <h1>Welcome</h1>
</body> </html>
