(195 intermediate revisions by 2 users not shown) | |||
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> | + | <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: url("https://static.igem.org/mediawiki/2018/9/97/T--RHIT--ROCKS.jpg"); |
+ | background-size: 100%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
+ | #mainContainer { | ||
+ | width:113.75%; | ||
+ | overflow:hidden; | ||
+ | padding-top:0px; | ||
+ | position:absolute; | ||
+ | top:350px; | ||
+ | padding-bottom: 200px; | ||
+ | text-align:left; | ||
+ | background-color:#E0FDFC; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | } | ||
− | + | #contentContainer { | |
− | + | ||
− | + | 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: 150% | ||
+ | } | ||
+ | |||
+ | #contentContainer h4 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | font-family: "Elephant", Gadget, sans-serif; | ||
+ | padding: 10px 0px; | ||
+ | font-size: 200% | ||
+ | } | ||
+ | #contentContainer h5 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | color: #51A8A5; | ||
+ | font-family: "Elephant", Gadget, sans-serif; | ||
+ | padding: 10px 0px; | ||
+ | font-size: 200% | ||
+ | } | ||
+ | #contentContainer h6 | ||
+ | { | ||
+ | border-bottom:0px; | ||
+ | font-family: "Niagra Solid", 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 */ | ||
+ | a { | ||
+ | color: #078c96; | ||
+ | font-weight: bold; | ||
+ | text-decoration-color:#078c96; | ||
+ | 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 */ | ||
+ | a:hover { | ||
+ | color: #3bd3a8; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #000000; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 130%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | border: 1px solid #000000; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #c8ff9e; | ||
+ | font-size: 100%; | ||
+ | padding: 10px; | ||
+ | line-height:30px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | background-color:#7ed7db; | ||
+ | border: 1px solid #000000; | ||
+ | border-collapse: collapse; | ||
+ | font-size: 100%; | ||
+ | padding: 10px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | /*links*/ | ||
+ | a:link { color:#078c96; background-color:transparent; text-decoration:none} | ||
+ | a:visited { color:#078c96; background-color:transparent; text-decoration:none} | ||
+ | a:hover { color:#3bd3a8; background-color:transparent; text-decoration:none} | ||
+ | a:active { color:#078c96; 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 129: | 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 148: | Line 265: | ||
} | } | ||
− | .container:hover .cartoon { | + | .profile { |
− | opacity:0; | + | position: absolute; |
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | opacity: 1; | ||
+ | transition: .5s ease; | ||
+ | } | ||
+ | |||
+ | .container:hover .cartoon{ | ||
+ | opacity:0; | ||
} | } | ||
.scrollimage { | .scrollimage { | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:4px; |
right:250px; | right:250px; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 45%; | ||
} | } | ||
Line 165: | Line 301: | ||
/* Popup container - can be anything you want */ | /* Popup container - can be anything you want */ | ||
.popup { | .popup { | ||
− | + | left:35%; | |
− | + | ||
− | left: | + | |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 182: | Line 316: | ||
.popup .popuptext { | .popup .popuptext { | ||
visibility: hidden; | visibility: hidden; | ||
− | width: | + | width: 500px; |
− | margin-left: | + | margin-left: 230px; |
margin-right: auto; | margin-right: auto; | ||
− | background-color: # | + | background-color: #D3D3D3; |
color: #000000; | color: #000000; | ||
text-align: center; | text-align: center; | ||
+ | font-size: 20px; | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 8px 0; | padding: 8px 0; | ||
− | position: absolute; | + | position:absolute; |
z-index: 1; | z-index: 1; | ||
− | + | left: 0%; | |
− | + | top: 10%; | |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Toggle this class - hide and show the popup */ | /* Toggle this class - hide and show the popup */ | ||
Line 229: | Line 352: | ||
/************************************************************************************************************************/ | /************************************************************************************************************************/ | ||
+ | /***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:83%; } | |
/* 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 647: | Line 417: | ||
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*/ | ||
+ | .pebble { | ||
+ | position:absolute; | ||
+ | left:166px; | ||
+ | top:30px; | ||
+ | z-index:0.5; | ||
+ | width:75%; | ||
+ | } | ||
− | + | .topscroll { | |
− | + | position:absolute; | |
− | + | right:20px; | |
+ | bottom:200px; | ||
+ | width:13%; | ||
+ | } | ||
− | + | .home { | |
− | + | position:absolute; | |
− | + | left: 20px; | |
− | + | top: 37px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .team { | |
− | + | position: absolute; | |
− | + | left: 138px; | |
+ | top: 110px; | ||
+ | cursor:pointer; | ||
+ | } | ||
− | + | .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; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .safety{ | ||
+ | position:absolute; | ||
+ | top:195px; | ||
+ | left:520px; | ||
+ | } | ||
+ | .model{ | ||
+ | position:absolute; | ||
+ | top:127px; | ||
+ | left:760px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .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:2; |
+ | } | ||
+ | .modelSubOve{ | ||
+ | position:absolute; | ||
+ | top:364px; | ||
+ | left:800px; | ||
+ | display: none; | ||
+ | z-index:1; | ||
+ | } | ||
− | + | .judge{ | |
− | + | position:absolute; | |
− | + | top:57px; | |
− | + | left:860px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .human { | |
− | + | position:absolute; | |
− | + | top:160px; | |
+ | left:635px; | ||
+ | cursor:pointer; | ||
+ | } | ||
− | + | .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; | ||
+ | } | ||
+ | .green { | ||
+ | color:#51A8A5; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .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:-30},500, 'linear').animate({left:30,top:400},0,'linear').animate({left:30,top:400},1500,bottleone); | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | function submenuteam(){ | |
− | + | $("#TM").toggle(); | |
− | + | $("#Col").toggle(); | |
+ | $("#PhA").toggle() | ||
+ | } | ||
+ | |||
− | + | function submenuhuman(){ | |
+ | $("#HP").toggle(); | ||
+ | $("#EnE").toggle(); | ||
+ | } | ||
+ | function submenumodel(){ | ||
+ | $("#Bac").toggle(); | ||
+ | $("#Kin").toggle(); | ||
+ | $("#Met").toggle(); | ||
+ | $("#Gen").toggle(); | ||
+ | $("#Overall").toggle(); | ||
+ | } | ||
+ | $(document).ready(bottleone); | ||
− | + | $("#team1").click(submenuteam); | |
+ | $("#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> | |
− | + | <a id="top"> | |
− | + | <img class="pebble" src = "https://static.igem.org/mediawiki/2018/a/ab/T--RHIT--PebbleSand.jpg"> | |
− | + | </a> | |
− | + | ||
+ | <!----------- 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 href = "https://2018.igem.org/Team:RHIT/Description"> | |
− | + | <img class="project" src="https://static.igem.org/mediawiki/2018/archive/e/e6/20180627182502%21T--RHIT--Project.jpg"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | <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> | ||
− | + | <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/6/64/T--RHIT--Model2.jpg" width="13%"> | |
− | + | <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 class = "modelSubOve" id="Overall" href = "https://2018.igem.org/Team:RHIT/OverallModel"> | |
− | + | <img src = "https://static.igem.org/mediawiki/2018/1/1e/T--RHIT--OverallModel.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------------------------------> | ||
Line 940: | Line 781: | ||
− | + | <div id ="mainContainer" > | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="contentContainer"> | |
− | + | </br></br></br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!--------------------------- Content --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
Line 1,038: | Line 795: | ||
+ | <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"> | ||
+ | <center> | ||
+ | <h6> Connect with us on Facebook! </h6> | ||
+ | <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%"> | ||
+ | </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/" target="_blank"> | ||
+ | <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"> patekm@rose-hulman.edu </br> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p> | ||
+ | </center> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Latest revision as of 00:10, 16 October 2018