|
|
(76 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{Banner}} |
- | <head> | + | <br> |
- | <meta http-equiv="content-type" content="text/html;charset=utf-8" />
| + | |
- | <title>University of East Anglia</title>
| + | |
| | | |
| + | <h1 style="font-family:verdana;color:green">UEA-JIC Norwich Social Media</h1> |
| | | |
- | <script type="text/javascript"><!-- | + | <p> |
- | var delay=7000
| + | {| style="color:#1b2c8a;background-#6C0;" cellpadding="3" cellspacing="1"width="62%" align="center" |
- | var ie4=document.all
| + | |- |
- | var curindex=0
| + | | |
- | var totalcontent=0
| + | !align="center"|[[File:Ueatwitter.jpg|160x160px|link=http://twitter.com/#!/UEAJIC_IGEM]] |
- | function get_total(){
| + | !align="center"|[[File:Facebook.jpg|250x200px|link=https://www.facebook.com/groups/155904017799599/]] |
- | if (ie4){
| + | !align="center"|[[File:UeaEdp.jpg|link=http://www.edp24.co.uk/news/norwich_scientists_pave_way_for_truly_green_lighting_1_965755]] |
- | while (eval("document.all.content"+totalcontent))
| + | |- |
- | totalcontent++
| + | |- |
- | }
| + | | |
- | else{
| + | !align="center"|Follow us on Twitter |
- | while (document.getElementById("content"+totalcontent))
| + | !align="center"|View our Facebook Page |
- | totalcontent++
| + | !align="center"|See a newspaper article about our iGEM project |
- | }
| + | |- |
- | }
| + | |} |
- | 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: #222222;
| + | |
- | font: 11px Arial;
| + | |
- | color: #888888;
| + | |
- | 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: #000000; | + | |
- | 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: absolute;
| + | |
- | top: 0px;
| + | |
- | height: 293px;
| + | |
- | }
| + | |
- | | + | |
- | .menu{
| + | |
- | z-index: 5;
| + | |
- | position: absolute;
| + | |
- | top: 220px;
| + | |
- | font: 18px Trebuchet MS;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | | + | |
- | .menubg{
| + | |
- | position: absolute;
| + | |
- | top: 243px;
| + | |
- | background-color: #000000;
| + | |
- | width: 965px;
| + | |
- | height: 50px;
| + | |
- | /* for IE */
| + | |
- | filter:alpha(opacity=60);
| + | |
- | /* CSS3 standard */
| + | |
- | opacity:0.6;
| + | |
- | z-index:2;
| + | |
- | }
| + | |
- | a:link{color:#fff;}
| + | |
- | a:visited{color:#fff;}
| + | |
- | a:active{color:#fff;}
| + | |
- | </style>
| + | |
- | | + | |
- | <body bgcolor="#414141">
| + | |
- | <body align:center>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="header">
| + | |
- | <div class="titlebg">
| + | |
- | </div>
| + | |
- | <div class="title">
| + | |
- | University of East Anglia
| + | |
- | </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 class="menubg">
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="menu">
| + | |
- | | + | |
- | <!--[if lt IE 7]>
| + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | sfHover = function() {
| + | |
- | var sfEls = document.getElementById("nav").getElementsByTagName("LI");
| + | |
- | for (var i=0; i<sfEls.length; i++) {
| + | |
- | sfEls[i].onmouseover=function() {
| + | |
- | this.className+=" over";
| + | |
- | }
| + | |
- | sfEls[i].onmouseout=function() {
| + | |
- | this.className=this.className.replace(new RegExp(" over\\b"), "");
| + | |
- | }
| + | |
- | }
| + | |
- | }
| + | |
- | if (window.attachEvent) window.attachEvent("onload", sfHover);
| + | |
- | | + | |
- | </script>
| + | |
- | <![endif]-->
| + | |
- | <style type="text/css">
| + | |
- | /* general styling */
| + | |
- | *{margin:0;padding:0}
| + | |
- | body {
| + | |
- | font: x-small Verdana, Arial, Helvetica, sans-serif;
| + | |
- | text-align:left;
| + | |
- | padding:20px;
| + | |
- | }
| + | |
- | .outer{
| + | |
- | padding:0px 0 0 0;
| + | |
- | width:965px;
| + | |
- | margin:auto;
| + | |
- | position:relative;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | | + | |
- | /* drop up */
| + | |
- | ul#nav,ul#nav ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | ul#nav {
| + | |
- | width:965px;
| + | |
- | height:25px;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | ul#nav li {
| + | |
- | position: relative;
| + | |
- | float: left;
| + | |
- | width:193px;
| + | |
- | height:25px;
| + | |
- | color:#fff;
| + | |
- | text-align:left;
| + | |
- | }
| + | |
- | ul#nav li a {
| + | |
- | text-decoration: none;
| + | |
- | color:#fff;
| + | |
- |
| + | |
- | }
| + | |
- | #nav li ul {
| + | |
- | position: absolute;
| + | |
- | left: 0;
| + | |
- | top:-170px;
| + | |
- | margin-left:-999em;
| + | |
- | border:none;
| + | |
- | height:193px;
| + | |
- | width:193px;
| + | |
- | background:#000;
| + | |
- | /*opacity for IE5+*/
| + | |
- | filter: alpha(opacity=60);
| + | |
- | /*opacity for older Mozilla browsers*/
| + | |
- | -moz-opacity: 0.6;
| + | |
- | /*opacity for mozilla/safari*/
| + | |
- | opacity: 0.6;
| + | |
- | }
| + | |
- | ul#nav li li{height:auto;border:none;}
| + | |
- | ul#nav li li a{
| + | |
- | color:#fff;
| + | |
- | padding:2px 5px 2px 5px;
| + | |
- | display:block;
| + | |
- | }
| + | |
- | ul#nav li:hover ul,
| + | |
- | ul#nav li.over ul {
| + | |
- | margin-left:0;
| + | |
- | }
| + | |
- | ul#nav li:hover,
| + | |
- | ul#nav li.over,
| + | |
- | ul#nav li:hover a,
| + | |
- | ul#nav li.over a {color:#000}
| + | |
- | | + | |
- | ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
| + | |
- | ul#nav li li a:hover{color:#000; background-color: #fff;}
| + | |
- | ul#nav li p {padding:0px;}
| + | |
- | ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <div class="outer">
| + | |
- |
| + | |
- | <ul id="nav">
| + | |
- | <li>
| + | |
- | <p><br/><a href="https://2011.igem.org/Team:UEA-JIC_Norwich"> HOME</a></p>
| + | |
- |
| + | |
- |
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> TEAM</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href=" https://2011.igem.org/Team:UEA-JIC_Norwich/Team ">Students</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_advisors">Advisors</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Our_Sponsors">Acknowledgements</a></li>
| + | |
- |
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> PROJECT</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Project">Project Overview</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-algae">Algae</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Nittygritty-moss">Moss</a>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Methods">Methods</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Safety">Lab Safety</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Notebook">Lab Journal</a></li>
| + | |
- | </li>
| + | |
- | </li>
| + | |
- |
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> RESULTS</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Registryoverview">Overview</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/data">Data</a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <p><br />
| + | |
- | <a href="#"> Human Practices</a></p>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices">Outreach</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/UKConference">UK Team Meetup</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Interviews">Interviews</a></li>
| + | |
- | <li><a href="https://2011.igem.org/Team:UEA-JIC_Norwich/Human_practices/Media">Media</a></li>
| + | |
- | </ul>
| + | |
- |
| + | |
- |
| + | |
- | </li>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |