Template:Banner2
From 2013.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> | ||
+ | <title>University of East Anglia </title> | ||
+ | |||
+ | <script type="text/javascript"><!-- | ||
+ | var delay=7000 | ||
+ | var ie4=document.all | ||
+ | var curindex=0 | ||
+ | var totalcontent=0 | ||
+ | function get_total(){ | ||
+ | if (ie4){ | ||
+ | while (eval("document.all.content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | else{ | ||
+ | while (document.getElementById("content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | } | ||
+ | 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 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 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> | ||
+ | </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> |
Latest revision as of 11:27, 28 June 2013
NRP-UEA iGEM 2013