Team:Dundee/inside/board

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 104: Line 104:
-
#flasher{
+
 
 +
#toRight{
   position: fixed;  
   position: fixed;  
   width: 40%;  
   width: 40%;  
Line 111: Line 112:
      
      
      
      
-
#flasher img {
+
#toRight img {
-
display :none;
+
  cursor: pointer;
  cursor: pointer;
   position: absolute;  
   position: absolute;  
-
   top: 770%;  
+
   top: 90%;  
-
   left: -60%;  
+
   left: 210%;  
   right: 0;  
   right: 0;  
   bottom: 0;  
   bottom: 0;  
   margin: auto;  
   margin: auto;  
-
   width: 30%;
+
   width: 40%;
-
   height: 20%;
+
   height: 40%;
}   
}   
-
 
+
#toStreet{
-
#toRight{
+
   position: fixed;  
   position: fixed;  
   width: 40%;  
   width: 40%;  
Line 132: Line 131:
      
      
      
      
-
#toRight img {
+
#toStreet img {
  cursor: pointer;
  cursor: pointer;
   position: absolute;  
   position: absolute;  
-
   top: 100%;  
+
   top: 810%;  
-
   left: 200%;  
+
   left: -10%;  
   right: 0;  
   right: 0;  
   bottom: 0;  
   bottom: 0;  
Line 143: Line 142:
   height: 50%;
   height: 50%;
}   
}   
 +
</style>
</style>
Line 152: Line 152:
     <div id="bg">   
     <div id="bg">   
-
     <img src="https://static.igem.org/mediawiki/2014/7/7f/Outreach_board.jpg" alt="">   
+
     <img src="https://static.igem.org/mediawiki/2014/3/39/Outreach_board.jpg12.jpg" alt="">   
</div>
</div>
Line 180: Line 180:
     </div>  
     </div>  
-
  <div id="flasher">
 
-
      <img id="doIt" src="https://static.igem.org/mediawiki/2014/3/33/Dun_Flahser.png">
 
-
  </div>
 
<div id="toRight">
<div id="toRight">
 +
<a href="/Team:Dundee/inside/school">
     <img src="https://static.igem.org/mediawiki/2014/1/1f/ToSchool_R.jpg">
     <img src="https://static.igem.org/mediawiki/2014/1/1f/ToSchool_R.jpg">
 +
</a>
  </div>
  </div>
 +
 +
<div id="toStreet">
 +
<a href="/Team:Dundee">
 +
  <img src="https://static.igem.org/mediawiki/2014/6/61/Dun_ToStreet.jpg">
 +
</a>
 +
</div>
<script>
<script>
Line 191: Line 196:
window.onload = function() {
window.onload = function() {
   fadeImg();
   fadeImg();
-
setTimeout(function() {
 
-
    $( '#doIt' ).fadeTo("2000",1)
 
-
}, 1600);
 
}
}
-
 
-
$('#doIt').click(function(){
 
-
    fadeImg();
 
-
});
 
function fadeImg(){
function fadeImg(){

Latest revision as of 01:36, 18 October 2014

Dundee 2014