Template:Banner2

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <div id="leftbox" style="float:left; height:200px; width:319px;" class="tophome"> <div id="lefttop" style="background:#f87217; background-image:url('https://2010.igem.org...")
 
(One intermediate revision not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 +
    <title>University of East Anglia </title>
-
<div id="leftbox" style="float:left; height:200px;  width:319px;" class="tophome">
 
-
<div id="lefttop" style="background:#f87217; background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png');" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:NRP-UEA-Norwich/Project"> Project Overview</a></div>
 
-
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#c35617), to(#fbb117));
 
-
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> Team NRP-UEA-Norwich iGEM 2013 are developing a biosensor that will enable the identification of novel antimycin-producing strains of streptomycetes. Building up a library of antimycin gene clusters will broaden known pathway (biosynthetic) diversity with the foresight of facilitating genetic engineering. In the long term, pathways could be engineered to create new variants of antimycin with unique or enhanced properties.</p>
 
-
</div>
 
-
</div>
 
-
<div id="cbox" style="float:left; height:200px;  width:319px; margin-left:5px;" class="tophome">
+
<script type="text/javascript"><!--  
-
<div id="ctop" style="background:#f535aa;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:NRP-UEA-Norwich/">Soil Samples</a></div>
+
var delay=7000
-
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f535aa), to(#b048b5));
+
var ie4=document.all
-
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
+
var curindex=0
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"></a>.
+
var totalcontent=0
-
 
+
function get_total(){
-
<script>
+
if (ie4){
-
var dontclose=false;
+
while (eval("document.all.content"+totalcontent))
-
function displayGibson(youTubeURL){
+
totalcontent++
-
var newDiv = document.createElement('div');
+
-
newDiv.setAttribute('id',"GibsonVidOverlay");
+
-
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;");
+
-
newDiv.setAttribute('onclick',";hideOverlay();");
+
-
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
+
-
$('body')[0].appendChild(newDiv);
+
-
}
+
-
function hideOverlay(){
+
-
if(dontclose){
+
-
dontclose=false;
+
}
}
else{
else{
-
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
+
while (document.getElementById("content"+totalcontent))
 +
totalcontent++
}
}
}
}
-
</script>
+
function contract_all(){
 +
for (y=0;y<totalcontent;y++){
 +
if (ie4)
 +
eval("document.all.content"+y).style.display="none"
 +
else
 +
document.getElementById("content"+y).style.display="none"
 +
}
 +
}
 +
function expand_one(which){
 +
contract_all()
 +
if (ie4)
 +
eval("document.all.content"+which).style.display=""
 +
else
 +
document.getElementById("content"+which).style.display=""
 +
}
 +
function rotate_content(){
 +
get_total()
 +
contract_all()
 +
expand_one(curindex)
 +
curindex=(curindex<totalcontent-1)? curindex+1: 0
 +
setTimeout("rotate_content()",delay)
 +
}
 +
window.onload=rotate_content
 +
//--></script>
 +
</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: 965px;
 +
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>
 +
<div class="title">
 +
NRP-UEA iGEM 2013
 +
 +
<!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar"><li id="facebook"><a target="_blank" href="http://www.facebook.com/UEAiGEM13"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li><li id="twitter"><a target="_blank" href="http://twitter.com/NRPiGEM"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li><li id="blogger"><a target="_blank" href="http://nrpuea.blogspot.com"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/blogger.png"></a></li></ul><style>#socialbar img {border:0px;}#socialbar li img {width:48px; height:48px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{padding:0px;list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{width:180px;text-align:center;}</style><!-- END SOCIAL MEDIA WIDGET -->
 +
<!-- AddThis Follow END -->
 +
</div>
</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/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0">
 +
</div>
 +
<div id="content2" 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="rightbox" style="float:left;  height:200px; margin-left:5px; width:310px;" class="tophome">
 
-
<div id="rtop" style="background:#5cb3ff;background-image:url('https://static.igem.org/mediawiki/2010/a/ad/Cam-Gradient-Overlay.png')" class="secheader"><a style="color:#7d1b7e !important" href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human practices/media">Media</a></div>
 
-
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#5cb3ff), to(#488ac7));
 
-
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
 
-
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"><a class="twitter-timeline"  href="https://twitter.com/NRPiGEM"  data-widget-id="345195637744226305">Tweets by @NRPiGEM</a>
 
-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
-
</a>.
 
-
</a>
 
</div>
</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;
 +
}
 +
ul#topnav li:hover { background: #b5cc86 url("https://static.igem.org/mediawiki/2011/f/fc/Navigation.gif") repeat-x; }
 +
ul#topnav li span {
 +
float: left;
 +
padding: 10px 0;
 +
position: absolute;
 +
left: 0; top: 34px;
 +
display: none;
 +
width:850px;
 +
background: #ef8639;
 +
color: #fff;
 +
-moz-border-radius-bottomright: 5px;
 +
-khtml-border-radius-bottomright: 5px;
 +
-webkit-border-bottom-right-radius: 5px;
 +
-moz-border-radius-bottomleft: 5px;
 +
-khtml-border-radius-bottomleft: 5px;
 +
-webkit-border-bottom-left-radius: 5px;
 +
}
 +
ul#topnav li:hover span { display: block; }
 +
ul#topnav li span a { display: inline;  font-weight; normal; }
 +
ul#topnav li span a:hover {text-decoration: underline;}
 +
</style>
 +
<ul id="topnav">
 +
    <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich">Home</a>
 +
     
 +
    </li>
 +
    <li>
 +
        <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Team">Team</a>
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Team"> Students</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Our_advisors"> Advisors</a> |
 +
            <a href="https://2013.igem.org/Team:UEA-UEA-Norwich/Acknowledgements"> Acknowledgements</a> |
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Project"> Project</a> 
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Project"> Project Overview</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Methods"> Methods</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Safety"> Lab Safety</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Attributions"> Attributions</a> |
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
    </li>
 +
        <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Registryoverview">Results</a>
 +
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Registryoverview"> Registry Overview</a>|
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/data"> Data</a>|
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human_practices/Interviews"> Human Practice</a>
 +
        <!--Subnav Starts Here-->
 +
        <span>
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human_practices/Soil"> Soil Samples</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human_practices"> Outreach</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/UKConference"> UK Team Meetup</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human_practices/Media"> Media</a> |
 +
            <a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Human_practices/schools"> School Work</a> |
 +
        </span>
 +
        <!--Subnav Ends Here-->
 +
<li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Lab Journal"> Lab Journal</a>           
 +
    </li>
 +
</li>
 +
</li>
 +
    <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/gallery">Photo Gallery</a>
 +
    </li>
 +
</li>
 +
</li>
 +
    <li><a href="https://2013.igem.org/Team:NRP-UEA-Norwich/Our_Sponsors"> Sponsors</a> 
 +
    </li>
 +
</ul>
 +
<br>
</html>
</html>

Latest revision as of 11:27, 28 June 2013

University of East Anglia

NRP-UEA iGEM 2013

Retrieved from "http://2013.igem.org/Template:Banner2"