Team:Manchester/Hometest

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 3: Line 3:
<head>  
<head>  
<title> Home </title>
<title> Home </title>
 +
 +
<script type="text/javascript">
 +
 +
function doSomething() {
 +
 +
var targetAnchor = document.getElementById('myAnchor1');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor2');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor3');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor4');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor5');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor6');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor7');
 +
targetAnchor.className = '' ;
 +
 +
var targetAnchor = document.getElementById('myAnchor8');
 +
targetAnchor.className = '' ;
 +
 +
 +
}
 +
 +
</script>
<style type="text/css">
<style type="text/css">
Line 40: Line 73:
float:left;
float:left;
width:130px;
width:130px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 +
#slider ul li.startopen
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:600px;
 +
transition: all 0.4s;
 +
-webkit-transition:all 0.4s;
 +
}
 +
 +
#slider ul li.startclosed
 +
{
 +
position:relative;
 +
display:block;
 +
float:left;
 +
width:100px;
transition: all 0.4s;
transition: all 0.4s;
  -webkit-transition:all 0.4s;
  -webkit-transition:all 0.4s;
Line 53: Line 106:
width:600px;
width:600px;
}
}
 +
 +
/*#slider ul li:nth-child(1):hover #title
 +
{
 +
background: rgba(0,0,0,0.5);
 +
width:95px;
 +
height:300px;
 +
position:absolute;
 +
left:0;
 +
top:0;
 +
}*/
#slider ul li:hover #title
#slider ul li:hover #title
Line 120: Line 183:
.footer
.footer
{
{
-
width:940px;
+
width:1000px;
height:100px;
height:100px;
padding:0;
padding:0;
-
margin:20px auto;
+
margin-left:0;
-
}
+
margin-bottom:20px;
-
 
+
-
.medal
+
-
{
+
-
float:left;
+
-
height:100px;
+
-
width:385px;
+
-
margin-left:100px;
+
-
background:#666666;
+
-
 
+
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-
}
+
-
 
+
-
.medal img
+
-
{
+
-
margin-left:13px;
+
}
}
Line 147: Line 193:
{
{
float:left;
float:left;
-
margin-left:50px;
+
margin:0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 157: Line 203:
{
{
float:left;
float:left;
-
margin-left:100px;
+
margin-left:720px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 169: Line 215:
margin-left:-150px;
margin-left:-150px;
width:1300px;
width:1300px;
-
height:100px;
+
height:80px;
-
border:1px solid black;
+
 
}
}
Line 179: Line 225:
height:20px;
height:20px;
margin-left:520px;
margin-left:520px;
-
margin-top:50px;
+
margin-bottom:20px;
-
margin-bottom:10px;
+
}
}
Line 215: Line 260:
width:800px;
width:800px;
height:30px;
height:30px;
-
 
}
}
Line 232: Line 276:
width:1300px;
width:1300px;
height:100px;
height:100px;
-
 
}
}
Line 238: Line 281:
{
{
clear:both;
clear:both;
-
width:1100px;
+
width:950px;
height:100px;
height:100px;
-
margin-left:150px;
+
margin-left:0;
-
margin-top:10px;
+
margin-top:50px;
padding:0;
padding:0;
-
 
}
}
Line 258: Line 300:
.footer2 .uni
.footer2 .uni
{
{
-
float:left;
+
float:right;
-
margin-left:450px;
+
 
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.checklist
 +
{
 +
width:710px;
 +
height:100px;
 +
margin-left:130px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 291: Line 343:
margin:30px 0 20px 260px;
margin:30px 0 20px 260px;
z-index:100;
z-index:100;
-
 
}
}
Line 384: Line 435:
<div class="footer">    
<div class="footer">    
  <div class="igem">  
  <div class="igem">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/a/a2/Igemwhite1.png" /></a>
+
    <a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/a/a2/Igemwhite1.png" /></a>
  </div>
  </div>
-
 
 
-
          <div class="medal">
 
-
              <a><img src="https://static.igem.org/mediawiki/2013/3/37/MedalMan.png"/></a>             
 
-
          </div>
 
  <div class="our">  
  <div class="our">  
    <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg" /></a>
    <a><img src="https://static.igem.org/mediawiki/2013/8/87/LOGO1.jpg" /></a>
  </div>
  </div>
-
<div>
+
</div>
<div class="heading1">
<div class="heading1">
Line 408: Line 455:
<div id="slider">
<div id="slider">
   <ul>
   <ul>
-
         <li>  
+
         <li id="myAnchor1" class="startopen">  
-
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/OurTeamtest">Our Team</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();">Our Team</a></div>
-
<a href="https://2013.igem.org/Team:Manchester/OurTeamtest"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
+
<a href="https://2013.igem.org/Team:Manchester/OurTeamtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/a/a6/Team1.jpg"/> </a>
</li>
</li>
-
<li>
+
<li id="myAnchor2" class="startclosed">
-
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Projecttest">Project</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();">Project</a></div>
-
<a href="https://2013.igem.org/Team:Manchester/Projecttest"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Projecttest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6d/Project1.jpg"/></a>
</li>
</li>
-
                 <li>  
+
                 <li id="myAnchor3" class="startclosed">  
-
    <div id="title"> <a href="#">Parts Contributions</a></div>
+
    <div id="title"> <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();">Parts Contributions</a></div>
-
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
+
    <a href="https://2013.igem.org/Team:Manchester/contributiontest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/2/2f/Contributions.jpg"/> </a>
</li>
</li>
                  
                  
-
                 <li>
+
                 <li id="myAnchor4" class="startclosed">
-
<div id="title"> <a href="#">Judging</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();">Judging</a></div>
-
<a href="#"> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/medaltest" onmouseover="doSomething();" onmouseout="doSomething();""> <img src="https://static.igem.org/mediawiki/2013/d/d0/Judging.jpg"/></a>
</li>
</li>
-
                 <li>
+
                 <li id="myAnchor5" class="startclosed">
-
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributionstest">Attributions</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();">Attributions</a></div>
-
<a href="https://2013.igem.org/Team:Manchester/Attributionstest"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Attributionstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/b/bb/Attributions1.jpg"/></a>
</li>
</li>
-
<li>
+
<li id="myAnchor6" class="startclosed">
-
<div id="title"> <a href="#">Modelling</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();">Modelling</a></div>
-
<a href="https://2013.igem.org/Team:Manchester/Modellingtest"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/Modellingtest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/6/6b/Modelling.png"/></a>
</li>
</li>
-
                 <li>
+
                 <li id="myAnchor7" class="startclosed">
-
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPracticetest">Human Practices</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();">Human Practices</a></div>
-
<a href="https://2013.igem.org/Team:Manchester/HumanPracticetest"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/c/ce/Humanpractice.jpg"/></a>
</li>
</li>
-
<li>
+
<li id="myAnchor8" class="startclosed">
-
<div id="title"> <a href="PublicOutreach.html" id="last">Sponsorship</a></div>
+
<div id="title"> <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="last" onmouseover="doSomething();" onmouseout="doSomething();">Sponsorship</a></div>
-
<a href="PublicOutreach.html"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
+
<a href="https://2013.igem.org/Team:Manchester/sponsorstest" onmouseover="doSomething();" onmouseout="doSomething();"> <img src="https://static.igem.org/mediawiki/2013/0/00/Sponsors.jpg"/></a>
</li>
</li>
   </ul>
   </ul>
</div>
</div>
-
<div class="heading2">
+
<br>
-
        <div class="upper">
+
<br>
-
          University of Manchester
+
-
        </div>
+
-
      <div class="bottom">
+
<div class="checklist" >
-
          iGEM Team 2013
+
          <div class="medal">
-
      </div
+
              <a href="https://2013.igem.org/Team:Manchester/medaltest">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/28/MedalMan3.jpg"/>
 +
              </a>
 +
          </div>
</div>
</div>
<div class="footer2">
<div class="footer2">
-
      <div class="mib">
+
          <div class="mib">
-
        <a href="#"> <img src="https://static.igem.org/mediawiki/2013/8/8d/Mibscaled.gif"/></a>    
+
    <a href="#"> <img src="https://static.igem.org/mediawiki/2013/0/0c/MIBLogo.jpg" width="300" height="100" /></a>    
  </div>
  </div>
     
     
  <div class="uni">  
  <div class="uni">  
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
    <a><img src="https://static.igem.org/mediawiki/2013/f/fd/Uni1.jpg" /></a>
-
  </div>
+
  </div>
-
<div>
+
</div>
-
<div class="contact">
+
<!--<div class="contact">
-
       <!--<div class="gmail">
+
       <div class="gmail">
-
           
+
           
       </div>
       </div>
Line 482: Line 530:
       <div class="twitter">
       <div class="twitter">
           <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
           <a href="https://twitter.com/@ManchesteriGEM" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @twitter</a>
-
       </div>-->
+
       </div>
-
</div>
+
</div>-->
-
 
-
<div class="note">
 
-
        <p> Our Wiki pages are currently under construction.... </p>
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 22:15, 27 August 2013

Home

E.C(oil)i
THE LEAN, GREEN, FAT PRODUCING SYNBIO MACHINE


Retrieved from "http://2013.igem.org/Team:Manchester/Hometest"