(40 intermediate revisions by 2 users not shown) | |||
Line 120: | Line 120: | ||
border-bottom:0px; | border-bottom:0px; | ||
font-family: "Elephant", Gadget, sans-serif; | font-family: "Elephant", Gadget, sans-serif; | ||
− | padding: | + | padding: 10px 0px; |
font-size: 200% | font-size: 200% | ||
} | } | ||
Line 128: | Line 128: | ||
color: #51A8A5; | color: #51A8A5; | ||
font-family: "Elephant", Gadget, sans-serif; | font-family: "Elephant", Gadget, sans-serif; | ||
− | padding: | + | padding: 10px 0px; |
font-size: 200% | font-size: 200% | ||
} | } | ||
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: 10px; | + | 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 360: | Line 361: | ||
/* 100% */ | /* 100% */ | ||
− | #mainContainer .column.full_size { width: | + | #mainContainer .column.full_size { width:83%; } |
/* 66% */ | /* 66% */ | ||
Line 432: | Line 433: | ||
} | } | ||
− | + | .topscroll { | |
+ | position:absolute; | ||
+ | right:20px; | ||
+ | bottom:200px; | ||
+ | width:13%; | ||
+ | } | ||
.home { | .home { | ||
Line 485: | Line 491: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 560: | Line 534: | ||
left:800px; | left:800px; | ||
display: none; | display: none; | ||
− | z-index: | + | z-index:2; |
} | } | ||
.modelSubOve{ | .modelSubOve{ | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:364px; |
left:800px; | left:800px; | ||
display: none; | display: none; | ||
Line 669: | 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 680: | Line 654: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
function submenuhuman(){ | function submenuhuman(){ | ||
Line 705: | Line 672: | ||
$("#team1").click(submenuteam); | $("#team1").click(submenuteam); | ||
− | |||
$("#human1").click(submenuhuman); | $("#human1").click(submenuhuman); | ||
$("#model1").click(submenumodel); | $("#model1").click(submenumodel); | ||
Line 733: | 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"> <img class="bottles" id="bottle1" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg"> | + | <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 752: | Line 718: | ||
<a class = "teamSubCol" id="Col" href="https://2018.igem.org/Team:RHIT/Collaborations"> | <a class = "teamSubCol" id="Col" href="https://2018.igem.org/Team:RHIT/Collaborations"> | ||
<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 763: | Line 727: | ||
− | + | <a href="https://2018.igem.org/Team:RHIT/Parts"> | |
− | + | <img class="parts" src="https://static.igem.org/mediawiki/2018/e/ed/T--RHIT--Parts.jpg"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 843: | 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> | ||
<h6> Connect with us on Facebook! </h6> | <h6> Connect with us on Facebook! </h6> | ||
− | <a href="https://www.facebook.com/RHITiGEM2018/"> | + | <a href="https://www.facebook.com/RHITiGEM2018/" target="_blank"> |
<img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%"> | <img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%"> | ||
</a> | </a> | ||
Line 855: | Line 810: | ||
<div class = "clear extra_space"></div> | <div class = "clear extra_space"></div> | ||
<div class = "clear extra_space"></div> | <div class = "clear extra_space"></div> | ||
− | <a href="https://www.rose-hulman.edu/"> | + | <a href="https://www.rose-hulman.edu/" target="_blank"> |
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%"> | <img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%"> | ||
</a> | </a> |
Latest revision as of 00:10, 16 October 2018