Team:Dundee/inside/school

From 2014.igem.org

(Difference between revisions)
 
(100 intermediate revisions not shown)
Line 4: Line 4:
<head>
<head>
<style>
<style>
 +
 +
#imp{
 +
  position: fixed;
 +
  width: 30%;
 +
  height: 20%;
 +
}
 +
 +
#imp img{
 +
  position: absolute;
 +
  top: 480%;
 +
  left: 118%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 207%;
 +
  height: 102%;
 +
}
 +
 +
#project{ 
 +
position: fixed;
 +
  width: 30%;
 +
  height: 20%;
 +
}
 +
   
 +
   
 +
#project img {
 +
  position: absolute;
 +
  top: 128%;
 +
  left: 15%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 115%;
 +
  height: 135%;
 +
}
 +
#modeling{
 +
  position: fixed;
 +
  width: 40%;
 +
  height: 20%;
 +
}
 +
   
 +
   
 +
#modeling img {
 +
  position: absolute;
 +
  top: 134%;
 +
  left: 120%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 117%;
 +
  height: 130%;
 +
} 
 +
body, html{
body, html{
     margin : 0;
     margin : 0;
Line 25: Line 78:
   bottom: 0;  
   bottom: 0;  
   margin: auto;  
   margin: auto;  
-
   width: 110%;
+
   width: 105%;
   height: 100%;
   height: 100%;
 +
}
 +
 +
#toLeft{ 
 +
position: fixed;
 +
  width: 30%;
 +
  height: 20%;
}
}
      
      
-
    
+
   
-
    
+
#toLeft img {
 +
  position: absolute;
 +
   top: 800%;
 +
   left:-40%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 50%;
 +
  height: 50%;
 +
}
 +
 
 +
#toRight{ 
 +
position: fixed;
 +
  width: 30%;
 +
  height: 20%;
 +
}
 +
   
 +
   
 +
#toRight img {
 +
  position: absolute;
 +
  top: 800%;
 +
  left:275%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 50%;
 +
  height: 50%;
 +
}
 +
 
 +
 
 +
#toStreet{ 
 +
position: fixed;
 +
  width: 30%;
 +
  height: 20%;
 +
}
 +
   
 +
   
 +
#toStreet img {
 +
  position: absolute;
 +
  top:  800%;
 +
  left: 150%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 50%;
 +
  height: 50%;
 +
}
</style>
</style>
Line 38: Line 143:
      
      
     <div id="bg">   
     <div id="bg">   
-
     <img src="https://static.igem.org/mediawiki/2014/2/21/SchoolInt.png" alt="">   
+
     <img src="https://static.igem.org/mediawiki/2014/8/8f/Flashyclassroom.png" alt="">   
</div>
</div>
      
      
-
     <div id="wrap">
+
     <div id="project">
-
           
+
    <a href="/Team:Dundee/Project/CF">
-
    <div class="canvas" id="view"></div>
+
        <img src="https://static.igem.org/mediawiki/2014/8/87/Projectboarddun.png" alt="" class="detail">
-
   
+
    </a>
     </div>
     </div>
 +
 +
    <div id="modeling">
 +
 +
    <a href="/Team:Dundee/Modeling/introduction">
 +
        <img src="https://static.igem.org/mediawiki/2014/2/26/Modellingboarddun.png" alt="" class="detail">
 +
    </a>
 +
    </div>
 +
    <div id="imp">
 +
<a href="/Team:Dundee/Implementation/introduction">
 +
        <img src="https://static.igem.org/mediawiki/2014/6/6a/Implementation.png" alt="" class="detail">
 +
    </a>
 +
    </div>
      
      
 +
<div id="toLeft">
 +
  <a href="https://2014.igem.org/Team:Dundee/inside/board">
 +
  <img src="https://static.igem.org/mediawiki/2014/7/78/Dun_ToBoard.jpg">
 +
  </a>
 +
</div>
 +
 +
<div id="toRight">
 +
  <a href="https://2014.igem.org/Team:Dundee/inside/library">
 +
    <img src="https://static.igem.org/mediawiki/2014/b/b3/Dun_ToLibrary_R.jpg">
 +
    </a>
 +
</div>
 +
 +
 +
<div id="toStreet">
 +
  <a href="https://2014.igem.org/Team:Dundee">
 +
    <img src="https://static.igem.org/mediawiki/2014/6/61/Dun_ToStreet.jpg">
 +
    </a>
 +
</div>
 +
<script>
<script>
 +
 +
window.onload = function() {
 +
  fadeImg();
 +
}
 +
 +
function fadeImg(){
 +
  $(".detail").fadeTo("2000",1); 
 +
  $(".detail").fadeTo("2000",0); 
 +
  $(".detail").fadeTo("2000",1); 
 +
  $(".detail").fadeTo("2000",0); 
 +
  $(".detail").fadeTo("2000",1);
 +
 +
}
 +
</script>     
</script>     
      
      

Latest revision as of 01:04, 18 October 2014

Dundee 2014

Dundee 2014

Retrieved from "http://2014.igem.org/Team:Dundee/inside/school"