Difference between revisions of "Template:RHIT"

 
(26 intermediate revisions by 2 users not shown)
Line 162: Line 162:
 
/*Change the styling of tables */
 
/*Change the styling of tables */
 
     #contentContainer table {
 
     #contentContainer table {
border: 1px solid #928b8b;  
+
border: 1px solid #000000;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
Line 170: Line 170:
 
/*Change the styling of table cells*/
 
/*Change the styling of table cells*/
 
     #contentContainer  td {
 
     #contentContainer  td {
border: 1px solid #c4baba;  
+
border: 1px solid #000000;  
border-collapse: collapse;  
+
border-collapse: collapse;
 +
                background-color: #c8ff9e;
 
font-size: 100%;
 
font-size: 100%;
padding: 20px;  
+
padding: 10px;
 +
                line-height:30px;
 +
                text-align:center;
 
                      }
 
                      }
  
 
/*Change the styling of table headers */
 
/*Change the styling of table headers */
 
     #contentContainer th {
 
     #contentContainer th {
background-color:#c4baba;  
+
background-color:#7ed7db;  
border: 1px solid #928b8b;  
+
border: 1px solid #000000;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 100%;
 
font-size: 100%;
padding: 20px;  
+
padding: 10px 20px;
 +
                text-align: center;
 
}
 
}
 
/*links*/
 
/*links*/
Line 243: Line 247:
 
   position: absolute;
 
   position: absolute;
 
   top: 80%;
 
   top: 80%;
   left: 50%;
+
   left:50%;
   vertical-align: middle;
+
   text-align: center;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
  text-align: center;
 
 
}
 
}
  
Line 430: Line 433:
 
}
 
}
  
 
+
.topscroll {
 +
  position:absolute;
 +
  right:20px;
 +
  bottom:200px;
 +
  width:13%;
 +
  }
  
 
                     .home {
 
                     .home {
Line 635: 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 691: 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"> <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 711: 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 790: 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