(27 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 # | + | 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 # | + | border: 1px solid #000000; |
− | border-collapse: collapse; | + | border-collapse: collapse; |
− | font-size: | + | background-color: #c8ff9e; |
− | padding: | + | font-size: 100%; |
− | + | 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:# | + | background-color:#7ed7db; |
− | border: 1px solid # | + | border: 1px solid #000000; |
border-collapse: collapse; | border-collapse: collapse; | ||
− | font-size: | + | font-size: 100%; |
− | padding: 10px; | + | padding: 10px 20px; |
− | + | text-align: center; | |
} | } | ||
/*links*/ | /*links*/ | ||
Line 245: | Line 247: | ||
position: absolute; | position: absolute; | ||
top: 80%; | top: 80%; | ||
− | left: 50%; | + | left:50%; |
− | + | text-align: center; | |
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%); | -ms-transform: translate(-50%, -50%); | ||
− | |||
} | } | ||
Line 432: | Line 433: | ||
} | } | ||
− | + | .topscroll { | |
+ | position:absolute; | ||
+ | right:20px; | ||
+ | bottom:200px; | ||
+ | width:13%; | ||
+ | } | ||
.home { | .home { | ||
Line 637: | 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: | + | $("#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 693: | 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"> | + | <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 713: | 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> | ||
− | + | ||
− | + | ||
− | + | ||
Line 792: | 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