Team:Exeter/Team

From 2012.igem.org

(Difference between revisions)
Line 285: Line 285:
position: absolute;
position: absolute;
left: 562px;
left: 562px;
-
top: 118px;
+
top: 120px;
visibility: hidden;}
visibility: hidden;}
Line 298: Line 298:
}
}
-
#ryan {
+
#ryan1 {
 +
position: absolute;
 +
left: 360px;
 +
top: -127px;
 +
visibility: hidden;}
 +
 
 +
#ryan2 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 360px;
-
top: 0px;
+
top: 125px;
visibility: hidden;}
visibility: hidden;}
-
#face2:hover #ryan {
+
#face2:hover #ryan1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
 +
}
 +
#face2:hover #ryan2    {
 +
        visibility:visible;
 +
        z-index:1;
}
}
-
#alexc {
+
#alexc1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 496px;
-
top: 0px;
+
top: -129px;
visibility: hidden;}
visibility: hidden;}
-
#face3:hover #alexc {
+
#alexc2 {
 +
position: absolute;
 +
left: 496px;
 +
top: 123px;
 +
visibility: hidden;}
 +
 
 +
#face3:hover #alexc1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#alexb {
+
#face3:hover #alexc2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#alexb1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 548px;
-
top: 0px;
+
top: -169px;
visibility: hidden;}
visibility: hidden;}
-
#face4:hover #alexb {
+
#alexb2 {
 +
position: absolute;
 +
left: 548px;
 +
top: 83px;
 +
visibility: hidden;}
 +
 
 +
 
 +
#face4:hover #alexb1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#alice {
+
#face4:hover #alexb2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#alice1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 481px;
-
top: 0px;
+
top: -185px;
visibility: hidden;}
visibility: hidden;}
-
#face5:hover #alice {
+
#alice2 {
 +
position: absolute;
 +
left: 481px;
 +
top: 67px;
 +
visibility: hidden;}
 +
 
 +
#face5:hover #alice1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#liam {
+
#face5:hover #alice2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#liam1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 431px;
-
top: 0px;
+
top: -132px;
visibility: hidden;}
visibility: hidden;}
-
#face6:hover #liam {
+
#liam2 {
 +
position: absolute;
 +
left: 431px;
 +
top:  120px;
 +
visibility: hidden;}
 +
 
 +
#face6:hover #liam1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#becca {
+
 
 +
#face6:hover #liam2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#becca1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 398px;
-
top: 0px;
+
top: -180px;
visibility: hidden;}
visibility: hidden;}
-
#face7:hover #becca {
+
#becca2 {
 +
position: absolute;
 +
left: 398px;
 +
top: 72px;
 +
visibility: hidden;}
 +
 
 +
#face7:hover #becca1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#mary {
+
 
 +
#face7:hover #becca2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#mary1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 328px;
-
top: 0px;
+
top: -189px;
visibility: hidden;}
visibility: hidden;}
-
#face8:hover #mary {
+
#mary2 {
 +
position: absolute;
 +
left: 328px;
 +
top: 63px;
 +
visibility: hidden;}
 +
 
 +
#face8:hover #mary1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#freddie {
+
 
 +
#face8:hover #mary2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#freddie1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 281px;
-
top: 0px;
+
top: -134px;
 +
visibility: hidden;}
 +
 
 +
#freddie2 {
 +
position: absolute;
 +
left: 281px;
 +
top: 118px;
visibility: hidden;}
visibility: hidden;}
-
#face9:hover #freddie {
+
#face9:hover #freddie1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
-
#andy {
+
 
 +
#face9:hover #freddie2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
 
 +
#andy1 {
position: absolute;
position: absolute;
-
left: 550px;
+
left: 249px;
-
top: 0px;
+
top: -166px;
visibility: hidden;}
visibility: hidden;}
-
#face10:hover #andy {
+
#andy2 {
 +
position: absolute;
 +
left: 249px;
 +
top: 86px;
 +
visibility: hidden;}
 +
 
 +
#face10:hover #andy1 {
visibility:visible;
visibility:visible;
z-index:1;
z-index:1;
}
}
 +
 +
#face10:hover #andy2 {
 +
visibility:visible;
 +
z-index:1;
 +
}
 +
#table {
#table {
     width: 100px;
     width: 100px;
Line 427: Line 531:
   </div>
   </div>
   <div id="face2">
   <div id="face2">
-
   <div id="ryan">
+
   <div id="ryan1">
-
   <img src="../../Documents/igem/ryan.jpg" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/ryan1.jpg" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="ryan2">
 +
  <img src="../../Documents/igem/ryan2.jpg" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face3">
   <div id="face3">
-
   <div id="alexc">
+
   <div id="alexc1">
-
   <img src="../../Documents/igem/AlexC.JPG" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/AlexC1.JPG" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="alexc2">
 +
  <img src="../../Documents/igem/AlexC2.JPG" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face4">
   <div id="face4">
-
   <div id="alexb">
+
   <div id="alexb1">
-
   <img src="../../Documents/igem/AlexB.JPG" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/AlexB1.JPG" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="alexb2">
 +
  <img src="../../Documents/igem/AlexB2.JPG" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face5">
   <div id="face5">
-
   <div id="alice">
+
   <div id="alice1">
-
   <img src="../../Documents/igem/Alice.JPG" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/Alice1.JPG" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="alice2">
 +
  <img src="../../Documents/igem/Alice2.JPG" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face6">
   <div id="face6">
-
   <div id="liam">
+
   <div id="liam1">
-
   <img src="../../Documents/igem/Liam.JPG" width="265x" height="180px"/>
+
   <img src="../../Documents/igem/Liam1.JPG" width="260x" height="237px"/>
 +
  </div>
 +
  <div id="liam2">
 +
  <img src="../../Documents/igem/Liam2.JPG" width="260x" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face7">
   <div id="face7">
-
   <div id="becca">
+
   <div id="becca1">
-
   <img src="../../Documents/igem/Becca.JPG" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/Becca1.JPG" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="becca2">
 +
  <img src="../../Documents/igem/Becca2.JPG" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face8">
   <div id="face8">
-
   <div id="mary">
+
   <div id="mary1">
-
   <img src="../../Documents/igem/Mary.JPG" width="240x" height="180px"/>
+
   <img src="../../Documents/igem/Mary1.JPG" width="260x" height="237px"/>
 +
  </div>
 +
  <div id="mary2">
 +
  <img src="../../Documents/igem/Mary2.JPG" width="260x" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face9">
   <div id="face9">
-
   <div id="freddie">
+
   <div id="freddie1">
-
   <img src="freddieimg" height="180px"/>
+
   <img src="freddieimg" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="freddie2">
 +
  <img src="freddieimg" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>
   <div id="face10">
   <div id="face10">
-
   <div id="andy">
+
   <div id="andy1">
-
   <img src="../../Documents/igem/Andy.JPG" width="265px" height="180px"/>
+
   <img src="../../Documents/igem/Andy1.JPG" width="260px" height="237px"/>
 +
  </div>
 +
  <div id="andy2">
 +
  <img src="../../Documents/igem/Andy2.JPG" width="260px" height="237px"/>
   </div>
   </div>
   </div>
   </div>

Revision as of 18:45, 15 July 2012

Mouse over our faces for a description!

Retrieved from "http://2012.igem.org/Team:Exeter/Team"