(42 intermediate revisions by the same user not shown) | |||
Line 28: | Line 28: | ||
// Get the element with id="defaultOpen" and click on it | // Get the element with id="defaultOpen" and click on it | ||
document.getElementById("defaultOpen").click(); | document.getElementById("defaultOpen").click(); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</script> | </script> | ||
Line 45: | Line 52: | ||
padding: 14px 16px; | padding: 14px 16px; | ||
font-size: 17px; | font-size: 17px; | ||
− | width: | + | width: 25%; |
} | } | ||
Line 58: | Line 65: | ||
display: none; | display: none; | ||
padding: 50px; | padding: 50px; | ||
+ | padding-top:20px; | ||
text-align: center; | text-align: center; | ||
+ | margin: auto | ||
} | } | ||
/* Style each tab content individually */ | /* Style each tab content individually */ | ||
− | # | + | #overview { |
− | # | + | background-color:#426487; |
− | + | } | |
− | # | + | |
− | #Design {background-color:black;} | + | #notebook { |
+ | background-image:url(https://media.giphy.com/media/gH2bKIakvLuW4/giphy.gif); | ||
+ | background-color:black; | ||
+ | } | ||
+ | |||
+ | #attributions { | ||
+ | background-image:url(https://media.giphy.com/media/3NeSk2IVEd2FYUQEcM/giphy.gif); | ||
+ | background-color:black} | ||
+ | |||
+ | #Design { | ||
+ | background-image:url(https://media.giphy.com/media/xUA7bfDro97ipc4fu0/giphy.gif); | ||
+ | background-color:black} | ||
+ | |||
+ | |||
+ | .main { | ||
+ | padding-top:100px; | ||
+ | } | ||
</style> | </style> | ||
Line 73: | Line 98: | ||
<body> | <body> | ||
− | |||
− | |||
− | < | + | <img class="mosaic_img" src="https://static.igem.org/mediawiki/2018/2/2e/T--Melbourne--igem_mosaic.png" style="margin-top:35px; width:100%"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <button class="tablink" onclick="openCity('overview', this, '#0D306A')" id="defaultOpen">Project Overview</button> | ||
+ | <button class="tablink" onclick="openCity('notebook', this, '#0D306A')">Notebook</button> | ||
+ | <button class="tablink" onclick="openCity('attributions', this, '#0D306A')">Attribution</button> | ||
+ | <button class="tablink" onclick="openCity('Design', this, '#0D306A')">Design</button> | ||
− | |||
− | |||
− | |||
− | <div id=" | + | <div id="overview" class="tabcontent"> |
− | + | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/5/53/T--Melbourne--project_overview.png" style="width:40%; margin-top:35px;"> | |
− | + | ||
</div> | </div> | ||
− | <div id=" | + | <div id="notebook" class="tabcontent"> |
− | + | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/b/bd/T--Melbourne--notebook_pt1.png" style="width:40%; margin-top:35px;"><br> | |
− | + | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/5/5d/T--Melbourne--notebook_pt2.png" style="width:40%;"> | |
</div> | </div> | ||
− | <div id=" | + | <div id="attributions" class="tabcontent"> |
− | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/d/d0/T--Melbourne--attributions.png"> | + | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/d/d0/T--Melbourne--attributions.png" style="width:40%; margin-top:35px;"> |
</div> | </div> | ||
<div id="Design" class="tabcontent"> | <div id="Design" class="tabcontent"> | ||
− | <img class="overview_img" src="https:// | + | <img class="overview_img" src="https://static.igem.org/mediawiki/2018/4/4b/T--Melbourne--project_design.png" style="width:40%; margin-top:35px;"> |
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="footer"> | ||
+ | Property of Team Melbourne | ||
</div> | </div> | ||
Latest revision as of 02:08, 18 October 2018