Difference between revisions of "Template:RHIT"

 
(10 intermediate revisions by 2 users not shown)
Line 246: Line 246:
 
   font-size: 20px;
 
   font-size: 20px;
 
   position: absolute;
 
   position: absolute;
   top: 70%;
+
   top: 80%;
 
   left:50%;
 
   left:50%;
  padding: 10px;
 
 
   text-align: center;
 
   text-align: center;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
Line 434: Line 433:
 
}
 
}
  
 
+
.topscroll {
 +
  position:absolute;
 +
  right:20px;
 +
  bottom:200px;
 +
  width:13%;
 +
  }
  
 
                     .home {
 
                     .home {
Line 639: Line 643:
 
function bottleone() {
 
function bottleone() {
 
         $("#bottle1").css({left:30,top:400},500);
 
         $("#bottle1").css({left:30,top:400},500);
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:200},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:0},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone);
+
         $("#bottle1").show().animate({left:50,top:250},500, 'linear').animate({left:80,top:220},500, 'linear').animate({left:100,top:240},500, 'linear').animate({left:140,top:200},500, 'linear').animate({left:195,top:227},500, 'linear').animate({left:230,top:205},500, 'linear').animate({left:250,top:229},500, 'linear').animate({left:260,top:250},500, 'linear').animate({left:238,top:260},500, 'linear').animate({left:250,top:250},500, 'linear').animate({left:300,top:250},500, 'linear').animate({left:350,top:235},500, 'linear').animate({left:400,top:230},500, 'linear').animate({left:450,top:240},500, 'linear').animate({left:520,top:230},500, 'linear').animate({left:580,top:250},500, 'linear').animate({left:560,top:235},500, 'linear').animate({left:600,top:225},500, 'linear').animate({left:630,top:220},500, 'linear').animate({left:650,top:230},500, 'linear').animate({left:690,top:240},500, 'linear').animate({left:730,top:240},500, 'linear').animate({left:780,top:260},500, 'linear').animate({left:850,top:250},500, 'linear').animate({left:820,top:240},500, 'linear').animate({left:800,top:230},500, 'linear').animate({left:790,top:210},500, 'linear').animate({left:820,top:200},500, 'linear').animate({left:850,top:130},500, 'linear').animate({left:940,top:60},500, 'linear').animate({left:980,top:-30},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone);
 
                           }
 
                           }
  
Line 695: Line 699:
 
         <img src = "https://static.igem.org/mediawiki/2018/a/a5/T--RHIT--Banner2.jpg">
 
         <img src = "https://static.igem.org/mediawiki/2018/a/a5/T--RHIT--Banner2.jpg">
  
     <div class="spin"> <a href = "https://www.netflix.com/browse" target="_blank" > <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg"> </a></div>
+
     <div class="spin">   <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg"> </div>
 
+
<a id="top">
 
<img class="pebble" src = "https://static.igem.org/mediawiki/2018/a/ab/T--RHIT--PebbleSand.jpg">
 
<img class="pebble" src = "https://static.igem.org/mediawiki/2018/a/ab/T--RHIT--PebbleSand.jpg">
 
+
</a>
 
      
 
      
 
   <!----------- Menu and Submenus --------->
 
   <!----------- Menu and Submenus --------->
Line 715: Line 719:
 
         <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--CollaborationsA.jpg" width="40%">
 
         <img src="https://static.igem.org/mediawiki/2018/b/bb/T--RHIT--CollaborationsA.jpg" width="40%">
 
       </a>
 
       </a>
      <a class = "teamSubPhA" id="PhA" href="https://2018.igem.org/Team:RHIT/Photos">
+
 
        <img src="https://static.igem.org/mediawiki/2018/a/af/T--RHIT--PhotoAlbumA.jpg" width="40%">
+
      </a>
+
  
  
Line 794: Line 796:
  
 
<div class = "footer">  
 
<div class = "footer">  
 +
<a href = "#top">
 +
<img class = "topscroll" src="https://static.igem.org/mediawiki/2018/5/53/T--RHIT--TotheTopSuperPebble.png"> </a>
 
<div class="column footer_size">
 
<div class="column footer_size">
 
<center>
 
<center>

Latest revision as of 00:10, 16 October 2018