Team:Manchester/Hometest

From 2013.igem.org

(Difference between revisions)
 
(40 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 41: Line 74:
width:130px;
width:130px;
transition: all 0.4s;
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;
 +
-webkit-transition:all 0.4s;
}
}
Line 52: 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 121: Line 185:
width:1000px;
width:1000px;
height:100px;
height:100px;
-
margin-top:10px;
 
-
margin-bottom:100px;
 
padding:0;
padding:0;
-
 
+
margin-left:0;
 +
margin-bottom:20px;
}
}
Line 130: 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 141: Line 203:
{
{
float:left;
float:left;
-
margin-left:600px;
+
margin-left:720px;
-
 
+
-
-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);
+
-
}
+
-
 
+
-
.footer2
+
-
{
+
-
width:1000px;
+
-
height:100px;
+
-
margin-left:150px;
+
-
margin-top:10px;
+
-
margin-bottom:100px;
+
-
padding:0;
+
-
}
+
-
 
+
-
.footer2 .mib
+
-
{
+
-
float:left;
+
-
margin:0;
+
-
 
+
-
-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);
+
-
}
+
-
 
+
-
.footer2 .uni
+
-
{
+
-
float:left;
+
-
margin-left:420px;
+
-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 181: Line 213:
{
{
clear:both;
clear:both;
-
margin:20px 0 20px -150px;
+
margin-left:-150px;
width:1300px;
width:1300px;
-
height:110px;
+
height:80px;
}
}
Line 190: Line 222:
{
{
font-style:italic;
font-style:italic;
 +
width:200px;
 +
height:20px;
 +
margin-left:520px;
 +
margin-bottom:20px;
 +
}
 +
 +
.heading1 .bottom
 +
{
 +
height:30px;
}
}
Line 195: Line 236:
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
.heading1 .upper, .heading1 .bottom, .heading2 .upper, .heading2 .bottom
{
{
-
width:1300px;
 
-
height:50px;
 
-
margin:5px auto;
 
font-size:40px;
font-size:40px;
font-weight:bold;
font-weight:bold;
font-family:Georgia;
font-family:Georgia;
text-align:center;
text-align:center;
-
padding-top:10px;
 
color:#660099;
color:#660099;
text-shadow: 0 1px 0 #ccc,
text-shadow: 0 1px 0 #ccc,
Line 216: Line 253:
               0 10px 10px rgba(0,0,0,.2),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
               0 20px 20px rgba(0,0,0,.15);
 +
}
 +
 +
.heading2 .upper
 +
{
 +
margin:0 0 5px 250px;
 +
width:800px;
 +
height:30px;
 +
}
 +
 +
.heading2 .bottom
 +
{
 +
margin:0 0 10px 450px;
 +
width:400px;
 +
height:30px;
 +
}
}
Line 223: Line 275:
margin:20px 0 20px -150px;
margin:20px 0 20px -150px;
width:1300px;
width:1300px;
-
height:110px;
+
height:100px;
 +
}
 +
.footer2
 +
{
 +
clear:both;
 +
width:950px;
 +
height:100px;
 +
margin-left:0;
 +
margin-top:50px;
 +
padding:0;
 +
}
 +
 +
.footer2 .mib
 +
{
 +
float:left;
 +
margin:0;
 +
 +
-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);
 +
}
 +
 +
.footer2 .uni
 +
{
 +
float:right;
 +
 +
-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);
 +
-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);
}
}
.note
.note
{
{
-
margin-top:20px;
+
clear:both;
width:100%;
width:100%;
height:50px;
height:50px;
Line 252: Line 343:
margin:30px 0 20px 260px;
margin:30px 0 20px 260px;
z-index:100;
z-index:100;
-
 
}
}
Line 345: 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="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 365: 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 439: 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"