Difference between revisions of "Team:BostonU/Parts"

Line 5: Line 5:
 
body {
 
body {
 
background-color: #fff0f0;
 
background-color: #fff0f0;
−
background-image:url("https://static.igem.org/mediawiki/parts/thumb/5/5b/Cambridge_2009-RAINBOW.png/500px-Cambridge_2009-RAINBOW.png");
+
/*background-image:url("https://static.igem.org/mediawiki/parts/thumb/5/5b/Cambridge_2009-RAINBOW.png/500px-Cambridge_2009-RAINBOW.png");*/
 
background-repeat:repeat-x;
 
background-repeat:repeat-x;
 
background-position: 50% 28.5%;
 
background-position: 50% 28.5%;
 +
font-family: Arial, sans-serif;
 
}
 
}
 
#landingwrapper {
 
#landingwrapper {
Line 17: Line 18:
 
#part1 p {
 
#part1 p {
 
   position:relative;
 
   position:relative;
−
   left:50px;
+
   left:0px;
−
   top:150px;
+
   top:10px;
 
   font-size:400%;
 
   font-size:400%;
 
   color:#605E5E;
 
   color:#605E5E;
Line 25: Line 26:
 
}
 
}
 
#part2 p {
 
#part2 p {
 +
  position:relative;
 +
  left:0px;
 +
  top: 20px;
 
   font-size:250%;
 
   font-size:250%;
 
   color:#605E5E;
 
   color:#605E5E;
 
   text-align:center;
 
   text-align:center;
−
 
+
 
 
}
 
}
 
#part3 p {
 
#part3 p {
Line 34: Line 38:
 
   color:#b9b4b4;
 
   color:#b9b4b4;
 
  text-align:center;
 
  text-align:center;
−
 
+
 
 +
}*/
 +
div.tab {
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #ddd;
 +
}
 +
div.tab button {
 +
    background-color: inherit;
 +
    float: left;
 +
    border: none;
 +
    outline: none;
 +
    cursor: pointer;
 +
    padding: 14px 16px;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
}
 +
div.tab button:hover {
 +
    background-color: #ddd;
 +
}
 +
div.tab button.active {
 +
    background-color: #ccc;
 +
}
 +
.tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    border: 1px solid #ccc;
 +
    border-top: none;
 
}
 
}
 
</style>
 
</style>
Line 47: Line 78:
 
   <p> This is a summary of all parts we submitted to registry.</p>
 
   <p> This is a summary of all parts we submitted to registry.</p>
 
</div>
 
</div>
−
</section
+
<div class="tab">
 +
  <button class="tablinks" onclick="openCity(event, '1st Part')">1st Part</button>
 +
  <button class="tablinks" onclick="openCity(event, '2nd Part')">2nd Part</button>
 +
  <button class="tablinks" onclick="openCity(event, '3rd Part')">3rd Part</button>
 +
</div>
 +
<div id="1st Part" class="tabcontent">
 +
  <h3>1st Part</h3>
 +
  <p>Description of first submitted part.</p>
 +
</div>
 +
<div id="2nd Part" class="tabcontent">
 +
  <h3>2nd Part</h3>
 +
  <p>Description of second submitted part.</p>
 +
</div>
 +
<div id="3rd Part" class="tabcontent">
 +
  <h3>4=3rd Part</h3>
 +
  <p>Description of third submitted part.</p>
 +
</div>
 +
<script>
 +
function openCity(evt, cityName) {
 +
    var i, tabcontent, tablinks;
 +
    tabcontent = document.getElementsByClassName("tabcontent");
 +
    for (i = 0; i < tabcontent.length; i++) {
 +
        tabcontent[i].style.display = "none";
 +
    }
 +
    tablinks = document.getElementsByClassName("tablinks");
 +
    for (i = 0; i < tablinks.length; i++) {
 +
        tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
    }
 +
    document.getElementById(cityName).style.display = "block";
 +
    evt.currentTarget.className += " active";
 +
}
 +
</script>
 +
 
 +
</section>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 21:37, 29 June 2017

Registry Parts

Summary

This is a summary of all parts we submitted to registry.

1st Part

Description of first submitted part.

2nd Part

Description of second submitted part.

4=3rd Part

Description of third submitted part.