Line 1: | Line 1: | ||
<html> | <html> | ||
− | < | + | <style> |
+ | /* Hide first heading */ | ||
− | + | ||
− | + | /*-- Remove borders, float content left and remove padding/margin */ | |
− | + | #globalWrapper, #content{ | |
− | + | background-color: white; | |
− | + | border: 0px; | |
− | + | float: left; | |
− | // | + | margin:0px; |
− | + | padding: 0px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
+ | /* Change Background color*/ | ||
+ | body { | ||
+ | background-color: #E0FDFC; | ||
+ | } | ||
− | // | + | /*left align Black Menu Bar */ |
− | + | #top_menu_inside { | |
− | + | margin-left: 20px; | |
− | + | } | |
− | } | + | |
+ | .bottles{ | ||
+ | position:absolute; | ||
+ | width: 40px; | ||
+ | } | ||
− | |||
− | |||
+ | <style type="text/css"> | ||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper,#content{ | ||
+ | background-color: black; | ||
+ | position: absolute; | ||
+ | top:9px; | ||
+ | left: 48.6%; | ||
+ | margin-right: -51.4%; | ||
+ | transform: translate(-50%, -50%); | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | } | ||
− | + | /*left align Black Menu Bar */ | |
− | /* | + | #top_menu_inside { |
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | /* PAGE LAYOUT */ | ||
+ | /* Change Background color*/ | ||
+ | body { | ||
+ | background-color: #8a9b9a; | ||
+ | } | ||
− | /* | + | /* Creates a container that will wrap all of the content inside your wiki pages. */ |
− | + | #mainContainer { | |
− | + | width:113.6%; | |
+ | overflow:hidden; | ||
+ | padding:auto; | ||
+ | position:absolute; | ||
+ | top:350px; | ||
+ | padding-bottom: 200px; | ||
+ | text-align:left; | ||
+ | background-color:#E0FDFC; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | } | ||
+ | #contentContainer { | ||
+ | position:absolute | ||
+ | padding-top:5%; | ||
+ | padding-left:2%; | ||
+ | padding-right:3%; | ||
+ | padding-bottom: 200px; | ||
+ | width: 110%; | ||
+ | float:left | ||
+ | background-color:#E0FDFC; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | } | ||
+ | /*Set up height place holder for the banner*/ | ||
+ | #bannerContainer { | ||
+ | height:20%; | ||
+ | width:97%; | ||
+ | position: absolute; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | max-width:1400px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | /*Styling for text and links*/ | ||
+ | |||
+ | #mainContainer p { | ||
+ | font-size: 16px; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | padding: 5px 0px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h1, h2, h3, h4, h5, h6*/ | ||
+ | #contentContainer h1, #contentContainer h2, #contentContainer h3 { | ||
+ | border-bottom:0px; | ||
+ | font-family: "Arial Black", Gadget, sans-serif; | ||
+ | padding: 5px 0px; | ||
+ | font-size: 200% | ||
+ | } | ||
+ | |||
+ | #contentContainer h4 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | font-family: "Elephant", Gadget, sans-serif; | ||
+ | padding: 5px 0px; | ||
+ | font-size: 230% | ||
+ | } | ||
+ | #contentContainer h5 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | color: #51A8A5; | ||
+ | font-family: "Elephant", Gadget, sans-serif; | ||
+ | padding: 5px 0px; | ||
+ | font-size: 200% | ||
+ | } | ||
+ | #contentContainer h6 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | font-family: "Elephant", Gadget, sans-serif; | ||
+ | padding: 5px 0px; | ||
+ | font-size: 130% | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | + | |
+ | |||
+ | /*Style of the links - links are different inside the menu */ | ||
+ | #contentContainer a { | ||
+ | color: #034FEC; | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color:#034FEC; | ||
+ | transition: all 0.4s ease; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* Styling links on hover- links are different inside the menu */ | ||
+ | #contentContainer a:hover { | ||
+ | color: #f8b732; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #928b8b; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 130%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | border: 1px solid #c4baba; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 105%; | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | background-color:#c4baba; | ||
+ | border: 1px solid #928b8b; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 110%; | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | /*links*/ | ||
+ | a:link { color:#efefef; background-color:transparent; text-decoration:none} | ||
+ | a:visited { color:#efefef; background-color:transparent; text-decoration:none} | ||
+ | a:hover { color:#64afb3; background-color:transparent; text-decoration:none} | ||
+ | a:active { color:#efefef; background-color:transparent; text-decoration:none} | ||
+ | |||
+ | |||
+ | /*Judges will not evaluate*/ | ||
+ | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
+ | |||
+ | .footer { | ||
+ | bottom: 0px; | ||
+ | left:0px; | ||
+ | right:0px; | ||
+ | background-color: #d3d3d3; | ||
+ | float: left; | ||
+ | height:170px; | ||
+ | position: absolute; | ||
+ | display:block; | ||
+ | z-index:1; | ||
+ | padding-left:3%; | ||
+ | padding-right:3%; | ||
+ | } | ||
/************************************ Making Hover Images********************************************************************/ | /************************************ Making Hover Images********************************************************************/ | ||
Line 154: | Line 261: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.scrollimage { | .scrollimage { | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:50px; |
right:250px; | right:250px; | ||
} | } | ||
+ | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 231: | Line 324: | ||
to {opacity:1 ;} | to {opacity:1 ;} | ||
} | } | ||
− | |||
/************************************************************************************************************************/ | /************************************************************************************************************************/ | ||
+ | /***Division classes****/ | ||
− | + | #mainContainer .column { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
float:left; | float:left; | ||
margin: 1% 2%; | margin: 1% 2%; | ||
padding: 0px; | padding: 0px; | ||
− | + | } | |
/* 100% */ | /* 100% */ | ||
− | + | #mainContainer .column.full_size { width:80%; } | |
/* 66% */ | /* 66% */ | ||
− | + | #mainContainer .column.two_thirds_size { width: 55%; } | |
/* 33% */ | /* 33% */ | ||
− | + | #mainContainer .column.third_size { width: 25%; } | |
/* 75% */ | /* 75% */ | ||
− | + | #mainContainer .column.three_quarters_size { width: 61%; } | |
/* 50% */ | /* 50% */ | ||
− | + | #mainContainer .column.half_size { width: 39.5%; } | |
/* 25% */ | /* 25% */ | ||
− | . | + | #mainContainer .column.quarter_size { width: 17.7%; } |
+ | /* Footer */ | ||
+ | #mainContainer .column.footer_size { width: 29%;} | ||
− | + | /*Image Styling*/ | |
− | + | .column.full_size img, | |
− | + | .column.two_thirds_size img, | |
− | + | .column.third_size img, | |
− | + | .column.three_quarters_size img, | |
− | + | .column.half_size img, | |
− | + | .column.quarter_size img { | |
margin-bottom: 15px; | margin-bottom: 15px; | ||
width: 100%; | width: 100%; | ||
} | } | ||
+ | /***********************************************************************************************************************/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*Clear class for all the pages, adds spacing too*/ | |
− | + | .clear{ | |
− | + | clear:both; | |
− | + | height: 10px; | |
− | + | } | |
− | + | ||
+ | .clear.extra_space { | ||
+ | height: 30px; | ||
+ | } | ||
+ | /*Button Class*/ | ||
− | + | .button_link { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
font-size: 130%; | font-size: 130%; | ||
margin: 30px auto; | margin: 30px auto; | ||
text-align: center; | text-align: center; | ||
− | + | } | |
− | + | .button_link a { | |
background-color: #03ece4; | background-color: #03ece4; | ||
color: #000000 !important; | color: #000000 !important; | ||
Line 654: | Line 392: | ||
text-decoration: none !important; | text-decoration: none !important; | ||
padding: 10px 15px; | padding: 10px 15px; | ||
− | + | } | |
− | + | .button_link a:hover { | |
− | + | ||
background-color: #f8b732 !important; | background-color: #f8b732 !important; | ||
− | + | } | |
+ | |||
+ | /*buttons for the menu*/ | ||
+ | .home { | ||
+ | position:absolute; | ||
+ | left: 20px; | ||
+ | top: 37px; | ||
+ | } | ||
+ | .team { | ||
+ | position: absolute; | ||
+ | left: 138px; | ||
+ | top: 110px; | ||
+ | } | ||
− | + | .teamSubTM{ | |
− | + | position:absolute; | |
− | + | top:203px; | |
+ | left:114px; | ||
+ | display:none; | ||
+ | z-index:1.1; | ||
+ | } | ||
− | + | .teamSubCol{ | |
− | + | position:absolute; | |
− | + | top:260px; | |
− | + | left:103px; | |
− | + | display:none; | |
− | + | z-index:1; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .teamSubPhA{ | |
− | + | position:absolute; | |
− | + | top:307px; | |
+ | left:91px; | ||
+ | display:none; | ||
+ | z-index:1; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | .project{ | |
− | + | position:absolute; | |
− | + | top: 165px; | |
+ | left: 250px; | ||
+ | } | ||
+ | |||
+ | .parts{ | ||
+ | position:absolute; | ||
+ | top: 190px; | ||
+ | left: 405px; | ||
+ | } | ||
+ | |||
+ | .partsSubOve{ | ||
+ | position:absolute; | ||
+ | top:262px; | ||
+ | left:424px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
− | + | .partsSubBas{ | |
− | + | position:absolute; | |
− | + | top:285px; | |
+ | left:415px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .partsSubComp{ | ||
+ | position:absolute; | ||
+ | top:322px; | ||
+ | left:390px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
− | + | .partsSubColc{ | |
− | + | position:absolute; | |
− | + | top:368px; | |
+ | left:375px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .safety{ | ||
+ | position:absolute; | ||
+ | top:195px; | ||
+ | left:520px; | ||
+ | } | ||
+ | .model{ | ||
+ | position:absolute; | ||
+ | top:118px; | ||
+ | left:770px; | ||
+ | } | ||
+ | .modelSubBac{ | ||
+ | position:absolute; | ||
+ | top:177px; | ||
+ | left:815px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
− | + | .modelSubKin{ | |
− | + | position:absolute; | |
+ | top:226px; | ||
+ | left:800px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .modelSubMet{ | ||
+ | position:absolute; | ||
+ | top:283px; | ||
+ | left:800px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
− | + | .modelSubGen{ | |
− | + | position:absolute; | |
− | + | top:320px; | |
− | + | left:800px; | |
− | + | display: none; | |
− | } | + | z-index:1; |
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .judge{ | |
− | + | position:absolute; | |
− | + | top:57px; | |
+ | left:860px; | ||
+ | } | ||
− | + | .human { | |
− | + | position:absolute; | |
− | + | top:160px; | |
− | + | left:635px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .humanSubHP{ | |
+ | position:absolute; | ||
+ | top:245px; | ||
+ | left:660px; | ||
+ | display:none; | ||
+ | z-index:1.1; | ||
+ | } | ||
+ | .humanSubEnE{ | ||
+ | position:absolute; | ||
+ | top:280px; | ||
+ | left:638px; | ||
+ | display:none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .teal { | ||
+ | color:#03ece4; | ||
+ | } | ||
+ | .black { | ||
+ | color:#000000; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
+ | .bottles{ | ||
+ | position:absolute; | ||
+ | width: 55px; | ||
+ | -webkit-animation-name: rotation; | ||
+ | -webkit-animation-duration: 6s; | ||
+ | -webkit-animation-direction:alternate; | ||
+ | -webkit-animation-iteration-count: infinite; | ||
+ | -webkit-animation-timing-function:linear; | ||
+ | animation: rotation; | ||
+ | animation-duration: 6s; | ||
+ | animation-direction:alternate; | ||
+ | animation-iteration-count: infinite; | ||
+ | animation-timing-function: linear; | ||
+ | transform-origin: center; | ||
+ | transform-style: preserve-3D; | ||
+ | } | ||
+ | @-webkit-keyframes rotation { | ||
+ | from {-webkit-transform: rotate(0deg); | ||
+ | } | ||
+ | to {-webkit-transform: rotate(400deg); | ||
+ | } | ||
+ | } | ||
+ | @keyframes rotation { | ||
+ | from {transform: rotate(0deg); | ||
+ | } | ||
+ | to {transform: rotate(400deg); | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | </style> | ||
</style> | </style> | ||
+ | <head> | ||
− | <!-------- | + | <!--------JAAAAAAAAVA--------------------------------------------------------> |
− | < | + | <script> |
− | + | ||
− | |||
− | |||
− | |||
− | + | function changecursor(id) { | |
+ | document.getElementById(id).style.cursor = "pointer"; | ||
+ | } | ||
− | + | ||
− | + | </script> | |
− | < | + | |
+ | <!------------------------------------------------JQuery-----------------------------------------------------------------------> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | function bottleone() { | ||
+ | $("#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); | ||
+ | } | ||
− | + | function bottletwo() { | |
− | + | $("#bottle2").css({left:270,top:220}); | |
− | + | $("#bottle2").show().animate({left:345,top:227},500, 'linear').animate({left:445,top:233},500, 'linear').animate({left:567,top:229},500, 'linear').animate({left:660,top:217},500, 'linear').animate({left:788,top:182},500, 'linear').animate({left:905,top:117},500, 'linear').animate({left:983,top:67},500, 'linear').animate({left:1000,top:0},500, 'linear').animate({left:0,top:0},0, 'linear').animate({left:50,top:100},500, 'linear').animate({left:120,top:150},500, 'linear').animate({left:195,top:199},500, 'linear').animate({left:270,top:220},500,'linear',bottletwo); | |
− | + | } | |
− | + | ||
+ | function bottlethree() { | ||
+ | $("#bottle3").css({left:660,top:217}); | ||
+ | $("#bottle3").show().animate({left:788,top:182},500, 'linear').animate({left:905,top:117},500, 'linear').animate({left:983,top:67},500, 'linear').animate({left:1000,top:0},500, 'linear').animate({left:0,top:0},0, 'linear').animate({left:50,top:100},500, 'linear').animate({left:120,top:150},500, 'linear').animate({left:195,top:199},500, 'linear').animate({left:270,top:220},500, 'linear').animate({left:345,top:227},500, 'linear').animate({left:445,top:233},500, 'linear').animate({left:567,top:229},500, 'linear').animate({left:660,top:217},500,'linear',bottlethree); | ||
+ | } | ||
− | + | function submenuteam(){ | |
− | + | $("#TM").fadeToggle(); | |
− | + | $("#Col").fadeToggle(); | |
+ | $("#PhA").fadeToggle() | ||
+ | } | ||
+ | |||
− | + | function submenuparts(){ | |
+ | $("#Ove").fadeToggle(); | ||
+ | $("#Bas").fadeToggle(); | ||
+ | $("#Comp").fadeToggle(); | ||
+ | $("#Colc").fadeToggle(); | ||
+ | } | ||
+ | function submenuhuman(){ | ||
+ | $("#HP").fadeToggle(); | ||
+ | $("#EnE").fadeToggle(); | ||
+ | } | ||
+ | function submenumodel(){ | ||
+ | $("#Bac").fadeToggle(); | ||
+ | $("#Kin").fadeToggle(); | ||
+ | $("#Met").fadeToggle(); | ||
+ | $("#Gen").fadeToggle(); | ||
+ | } | ||
+ | $(document).ready(bottleone).ready(bottletwo).ready(bottlethree); | ||
− | |||
− | + | $("#team1").click(submenuteam); | |
− | + | $("#parts1").click(submenuparts); | |
− | + | $("#human1").click(submenuhuman); | |
+ | $("#model1").click(submenumodel); | ||
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | + | function PopUp() { | |
− | + | var popup = document.getElementById("myPopup"); | |
− | + | popup.classList.toggle("show"); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | </script> | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | <!--- Banner and Moving Bottles ------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="globalWrapper"> | |
− | + | <div id="bannerContainer"> | |
− | + | ||
− | + | ||
− | + | <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> | ||
− | + | <!-- <img class="bottles" id="bottle2" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg"> | |
− | + | ||
− | + | <img class="bottles" id="bottle3" src="https://static.igem.org/mediawiki/2018/2/20/T--RHIT--FloatingBottle.jpg"> | |
− | + | ||
− | + | --> | |
+ | |||
+ | <!----------- Menu and Submenus ---------> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:RHIT"> | ||
+ | <img class="home" src="https://static.igem.org/mediawiki/2018/archive/6/68/20180627175452%21T--RHIT--Home.jpg"> | ||
+ | </a> | ||
− | + | ||
− | + | <img class="team" id="team1" src="https://static.igem.org/mediawiki/2018/archive/7/7c/20180627175913%21T--RHIT--Team.jpg"> | |
− | + | ||
− | + | ||
− | + | ||
+ | <a class = "teamSubTM" id="TM" href="https://2018.igem.org/Team:RHIT/Team"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/07/T--RHIT--Members.jpg" width="37%"> | ||
+ | </a> | ||
+ | <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%"> | ||
+ | </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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <img class="project" src="https://static.igem.org/mediawiki/2018/archive/e/e6/20180627182502%21T--RHIT--Project.jpg"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <img class="parts" id="parts1" src="https://static.igem.org/mediawiki/2018/e/ed/T--RHIT--Parts.jpg"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a class="partsSubOve" id="Ove" href="https://2018.igem.org/Team:RHIT/Parts"> | |
+ | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--RHIT--OVerviewA.jpg" width="50%"> | ||
+ | </a> | ||
+ | <a class="partsSubBas" id="Bas" href="https://2018.igem.org/Team:RHIT/Basic_Part"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/6a/T--RHIT--BasicPartsA.jpg" width="50%"> | ||
+ | </a> | ||
+ | <a class="partsSubComp" id="Comp" href="https://2018.igem.org/Team:RHIT/Composite_Part"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/3d/T--RHIT--CompositePartsA.jpg" width="50%"> | ||
+ | </a> | ||
+ | <a class="partsSubColc" id="Colc" href="https://2018.igem.org/Team:RHIT/Part_Collection"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/71/T--RHIT--CollectionA.jpg" width="50%"> | ||
+ | </a> | ||
− | + | <img class = "human" id = "human1" src = "https://static.igem.org/mediawiki/2018/archive/2/24/20180627181849%21T--RHIT--HumanPractices.jpg"> | |
− | + | ||
− | + | <a class = "humanSubHP" id = "HP" href="https://2018.igem.org/Team:RHIT/Human_Practices"> | |
− | + | <img src = "https://static.igem.org/mediawiki/2018/b/b4/T--RHIT--HumanPracticesSub.jpg" width="50%"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a class = "humanSubEnE" id = "EnE" href="https://2018.igem.org/Team:RHIT/Public_Engagement"> | |
− | + | <img src = "https://static.igem.org/mediawiki/2018/0/0e/T--RHIT--EdAndEng.jpg" width="50%"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <img class = "model" id="model1" src="https://static.igem.org/mediawiki/2018/archive/8/84/20180627181721%21T--RHIT--Awards.jpg"> | |
+ | <a class = "modelSubBac" id = "Bac" href="https://2018.igem.org/Team:RHIT/Model"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/7/70/T--RHIT--Background.jpg" width="110%"> | ||
+ | </a> | ||
+ | <a class = "modelSubKin" id="Kin" href="https://2018.igem.org/Team:RHIT/KineticsModel"> | ||
+ | <img src = "https://static.igem.org/mediawiki/2018/4/48/T--RHIT--KineticsModel.jpg" width="130%"> | ||
+ | </a> | ||
− | + | <a class="modelSubMet" id="Met" href="https://2018.igem.org/Team:RHIT/MetabolismModel"> | |
− | + | <img src = "https://static.igem.org/mediawiki/2018/6/6a/T--RHIT--MetabolismModel.jpg" width="130%"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a class = "modelSubGen" id="Gen" href="https://2018.igem.org/Team:RHIT/GeneticsModel"> | |
− | + | <img src = "https://static.igem.org/mediawiki/2018/7/78/T--RHIT--GeneticsModel.jpg" width="130%"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <a href="https://2018.igem.org/Team:RHIT/Safety"> | |
− | + | <img class="safety" src="https://static.igem.org/mediawiki/2018/archive/0/09/20180627182307%21T--RHIT--Safety.jpg"> | |
− | + | </a> | |
− | + | ||
− | + | <a href="https://igem.org/2018_Judging_Form?team=RHIT"> | |
− | + | <img class = "judge" src = "https://static.igem.org/mediawiki/2018/7/73/T--RHIT--JudgingForm.jpg"> | |
+ | </a> | ||
+ | |||
+ | <!-------------------------------End of Menu------------------------------> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div id ="mainContainer" > | ||
+ | |||
+ | <div id="contentContainer"> | ||
+ | </br></br></br> | ||
− | + | <!--------------------------- Content --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 1,074: | Line 802: | ||
+ | <div class = "footer"> | ||
+ | <div class="column footer_size"> | ||
+ | <center> | ||
+ | <h6> Connect with us on Facebook! </h6> | ||
+ | <a href="https://www.facebook.com/RHITiGEM2018/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/98/T--RHIT--Facebook.jpg" style="width:30%"> | ||
+ | </a> | ||
+ | </center> | ||
+ | </div> | ||
+ | <div class = "column footer_size"> | ||
+ | <center> | ||
+ | <div class = "clear extra_space"></div> | ||
+ | <div class = "clear extra_space"></div> | ||
+ | <a href="https://www.rose-hulman.edu/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ad/T--RHIT--RoseLogo.jpg" style="width:60%"> | ||
+ | </a> | ||
+ | </center> | ||
+ | </div> | ||
+ | <div class= "column footer_size"> | ||
+ | <center> | ||
+ | <h6> Contact Us! </h6> | ||
+ | <p style="text-align: center"> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p> | ||
+ | </center> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 15:41, 9 July 2018