(158 intermediate revisions by 2 users not shown) | |||
Line 15: | Line 15: | ||
/* Change Background color*/ | /* Change Background color*/ | ||
body { | body { | ||
− | background-color: # | + | background-color: #e0fdfc; |
+ | |||
} | } | ||
Line 56: | Line 57: | ||
/* Change Background color*/ | /* Change Background color*/ | ||
body { | body { | ||
− | background- | + | 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. */ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
#mainContainer { | #mainContainer { | ||
− | width:113. | + | width:113.75%; |
overflow:hidden; | overflow:hidden; | ||
− | padding: | + | padding-top:0px; |
position:absolute; | position:absolute; | ||
top:350px; | top:350px; | ||
Line 73: | Line 77: | ||
#contentContainer { | #contentContainer { | ||
− | + | ||
padding-top:5%; | padding-top:5%; | ||
padding-left:2%; | padding-left:2%; | ||
padding-right:3%; | padding-right:3%; | ||
− | padding-bottom: | + | padding-bottom: 200px; |
width: 110%; | width: 110%; | ||
− | float:left | + | float:left; |
background-color:#E0FDFC; | background-color:#E0FDFC; | ||
font-family: "Arial", Helvetica, sans-serif; | font-family: "Arial", Helvetica, sans-serif; | ||
Line 109: | Line 113: | ||
font-family: "Arial Black", Gadget, sans-serif; | font-family: "Arial Black", Gadget, sans-serif; | ||
padding: 5px 0px; | padding: 5px 0px; | ||
− | font-size: | + | font-size: 150% |
} | } | ||
Line 116: | 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: | + | font-size: 200% |
} | } | ||
#contentContainer h5 | #contentContainer h5 | ||
Line 124: | 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 130: | Line 134: | ||
{ | { | ||
border-bottom:0px; | border-bottom:0px; | ||
− | font-family: " | + | font-family: "Niagra Solid", Gadget, sans-serif; |
padding: 5px 0px; | padding: 5px 0px; | ||
font-size: 130% | font-size: 130% | ||
Line 139: | Line 143: | ||
/*Style of the links - links are different inside the menu */ | /*Style of the links - links are different inside the menu */ | ||
− | + | a { | |
− | color: # | + | color: #078c96; |
font-weight: bold; | font-weight: bold; | ||
− | + | text-decoration-color:#078c96; | |
− | text-decoration-color:# | + | |
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
Line 152: | Line 155: | ||
/* Styling links on hover- links are different inside the menu */ | /* Styling links on hover- links are different inside the menu */ | ||
− | + | a:hover { | |
− | color: # | + | color: #3bd3a8; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 159: | 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 167: | 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*/ | ||
− | a:link { color:# | + | a:link { color:#078c96; background-color:transparent; text-decoration:none} |
− | a:visited { color:# | + | a:visited { color:#078c96; background-color:transparent; text-decoration:none} |
− | a:hover { color:# | + | a:hover { color:#3bd3a8; background-color:transparent; text-decoration:none} |
− | a:active { color:# | + | a:active { color:#078c96; background-color:transparent; text-decoration:none} |
Line 242: | 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 283: | Line 287: | ||
} | } | ||
− | + | .center { | |
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 45%; | ||
+ | } | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 352: | Line 361: | ||
/* 100% */ | /* 100% */ | ||
− | #mainContainer .column.full_size { width: | + | #mainContainer .column.full_size { width:83%; } |
/* 66% */ | /* 66% */ | ||
Line 414: | Line 423: | ||
/*buttons for the menu*/ | /*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 { | .home { | ||
Line 425: | Line 450: | ||
left: 138px; | left: 138px; | ||
top: 110px; | top: 110px; | ||
+ | cursor:pointer; | ||
} | } | ||
Line 463: | Line 489: | ||
top: 190px; | top: 190px; | ||
left: 405px; | left: 405px; | ||
+ | cursor:pointer; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 506: | Line 501: | ||
.model{ | .model{ | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:127px; |
− | left: | + | left:760px; |
+ | cursor:pointer; | ||
} | } | ||
.modelSubBac{ | .modelSubBac{ | ||
Line 536: | Line 532: | ||
position:absolute; | position:absolute; | ||
top:320px; | top:320px; | ||
+ | left:800px; | ||
+ | display: none; | ||
+ | z-index:2; | ||
+ | } | ||
+ | .modelSubOve{ | ||
+ | position:absolute; | ||
+ | top:364px; | ||
left:800px; | left:800px; | ||
display: none; | display: none; | ||
z-index:1; | z-index:1; | ||
} | } | ||
− | |||
.judge{ | .judge{ | ||
Line 552: | Line 554: | ||
top:160px; | top:160px; | ||
left:635px; | left:635px; | ||
+ | cursor:pointer; | ||
} | } | ||
Line 575: | Line 578: | ||
color:#000000; | color:#000000; | ||
} | } | ||
− | + | .green { | |
+ | color:#51A8A5; | ||
+ | } | ||
Line 638: | 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); |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
function submenuteam(){ | function submenuteam(){ | ||
− | $("#TM"). | + | $("#TM").toggle(); |
− | $("#Col"). | + | $("#Col").toggle(); |
− | $("#PhA"). | + | $("#PhA").toggle() |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
function submenuhuman(){ | function submenuhuman(){ | ||
− | $("#HP"). | + | $("#HP").toggle(); |
− | $("#EnE"). | + | $("#EnE").toggle(); |
} | } | ||
function submenumodel(){ | function submenumodel(){ | ||
− | $("#Bac"). | + | $("#Bac").toggle(); |
− | $("#Kin"). | + | $("#Kin").toggle(); |
− | $("#Met"). | + | $("#Met").toggle(); |
− | $("#Gen"). | + | $("#Gen").toggle(); |
+ | $("#Overall").toggle(); | ||
} | } | ||
− | $(document).ready(bottleone | + | $(document).ready(bottleone); |
$("#team1").click(submenuteam); | $("#team1").click(submenuteam); | ||
− | |||
$("#human1").click(submenuhuman); | $("#human1").click(submenuhuman); | ||
$("#model1").click(submenumodel); | $("#model1").click(submenumodel); | ||
Line 709: | 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"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
<!----------- Menu and Submenus ---------> | <!----------- Menu and Submenus ---------> | ||
Line 731: | 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> | ||
+ | <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"> | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 771: | Line 745: | ||
− | <img class = "model" id="model1" src="https://static.igem.org/mediawiki/2018/ | + | <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"> | <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%"> | <img src = "https://static.igem.org/mediawiki/2018/7/70/T--RHIT--Background.jpg" width="110%"> | ||
Line 787: | Line 761: | ||
<img src = "https://static.igem.org/mediawiki/2018/7/78/T--RHIT--GeneticsModel.jpg" width="130%"> | <img src = "https://static.igem.org/mediawiki/2018/7/78/T--RHIT--GeneticsModel.jpg" width="130%"> | ||
</a> | </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> | ||
Line 819: | 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 831: | 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> | ||
Line 839: | Line 818: | ||
<center> | <center> | ||
<h6> Contact Us! </h6> | <h6> Contact Us! </h6> | ||
− | <p style="text-align: center"> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p> | + | <p style="text-align: center"> patekm@rose-hulman.edu </br> 5500 Wabash Ave. </br> Terre Haute, IN 47803 </p> |
</center> | </center> | ||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 00:10, 16 October 2018