Test

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
<html>
-
     <title>University of East Anglia-JIC</title>
+
<head>
 +
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 +
      
Line 43: Line 45:
//--></script>
//--></script>
</head>
</head>
 +
 +
<style>
 +
body{
 +
background-color: #0B0719;
 +
font: 11px Arial;
 +
color: #FFFFFF;
 +
padding: 5px 5px 5px 5px;
 +
    }
 +
 +
b{
 +
color: #FFFFFF;
 +
}
 +
 +
.heading{
 +
color: #000;
 +
font: 14px century gothic;
 +
padding: 5px 5px 2px 5px;
 +
font-weight: bold;
 +
}
 +
 +
.titlebg{
 +
position: absolute;
 +
top: 0px;
 +
background-color: #000;
 +
width: 240px;
 +
height: 50px;
 +
  /* for IE */
 +
  filter:alpha(opacity=60);
 +
  /* CSS3 standard */
 +
  opacity:0.6;
 +
z-index:3;
 +
      }
 +
 +
.title{
 +
position: absolute;
 +
top: 0px;
 +
float: left;
 +
font: 35px Trebuchet MS;
 +
color: #FFF;
 +
padding-top: 5px;
 +
padding-left: 10px;
 +
z-index: 4;
 +
      }
 +
 +
.header{
 +
z-index: 1;
 +
position: relative;
 +
top: 0px;
 +
height: 293px;
 +
    }
 +
 +
.menu{
 +
z-index: 5;
 +
position: relative;
 +
top: 220px;
 +
font: 18px Trebuchet MS;
 +
text-align: center;
 +
          }
 +
</style>
 +
 +
<body bgcolor="#FFFFFF">
 +
<body align:center>
 +
 +
 +
 +
<div class="header">
 +
<div class="titlebg">
 +
</div>
 +
 +
<div id="content0" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/03/Ziggurats_for_banner.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content1" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/JIC_AERIAL_VIEW_BANNER.jpg" width="965px" height="293px" border="0"></div>
 +
<div id="content2" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content3" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/d/db/Fountain_border.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content4" style="display:none">
 +
<img src="https://static.igem.org/mediawiki/2011/0/05/Physcomitrella_P.jpg " width="965px" height="293px" border="0">
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<script type="text/javascript"
 +
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("ul#topnav li").hover(function() {
 +
$(this).css({ 'background' : 'transparent url(https://static.igem.org/mediawiki/2010/0/03/Valencia_navbar_active.gif) repeat-x'});
 +
$(this).find("span").show();
 +
} , function() { //on hover out...
 +
$(this).css({ 'background' : 'none'});
 +
$(this).find("span").hide();
 +
});
 +
 +
});
 +
</script>
 +
 +
<style>
 +
 +
/* Menu from http://www.sohtanaka.com/web-design/examples/horizontal-subnav/ */
 +
#tab_nav {
 +
position: absolute;
 +
z-index: 1000;
 +
}
 +
ul#topnav {
 +
float: left;
 +
width: 965px;
 +
list-style: none;
 +
position: relative;
 +
background: url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
        font-size: 14px;
 +
 +
}
 +
ul#topnav li {
 +
float: left;
 +
border-right: 1px solid #555;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
 +
}
 +
ul#topnav li a {
 +
padding: 10px 15px;
 +
font-weight: bold;
 +
display: block;
 +
color: #f0f0f0;
 +
text-decoration: none;
 +
        font-family: Arial, Helvetica, Sans-Serif;
 +
 +
}
 +
ul#topnav li a:hover {
 +
      text-decoration: underline;
 +
}
 +
 +
 +
   
 +
<br>
 +
</html>

Latest revision as of 16:27, 17 September 2013