Difference between revisions of "Template:MSU-Michigan/W3"

 
(38 intermediate revisions by 2 users not shown)
Line 184: Line 184:
 
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
 
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
 
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}
 
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}
 +
.w3-flat-turquoise
 +
{color:#fff;background-color:#1abc9c}
 +
.w3-flat-emerald
 +
{color:#fff;background-color:#2ecc71}
 +
.w3-flat-peter-river
 +
{color:#fff;background-color:#3498db}
 +
.w3-flat-amethyst
 +
{color:#fff;background-color:#9b59b6}
 +
.w3-flat-wet-asphalt
 +
{color:#fff;background-color:#34495e}
 +
.w3-flat-green-sea
 +
{color:#fff;background-color:#16a085}
 +
.w3-flat-nephritis
 +
{color:#fff;background-color:#27ae60}
 +
.w3-flat-belize-hole
 +
{color:#fff;background-color:#2980b9}
 +
.w3-flat-wisteria
 +
{color:#fff;background-color:#8e44ad}
 +
.w3-flat-midnight-blue
 +
{color:#fff;background-color:#2c3e50}
 +
.w3-flat-sun-flower
 +
{color:#fff;background-color:#f1c40f}
 +
.w3-flat-carrot
 +
{color:#fff;background-color:#e67e22}
 +
.w3-flat-alizarin
 +
{color:#fff;background-color:#e74c3c}
 +
.w3-flat-clouds
 +
{color:#000;background-color:#ecf0f1}
 +
.w3-flat-concrete
 +
{color:#fff;background-color:#95a5a6}
 +
.w3-flat-orange
 +
{color:#fff;background-color:#f39c12}
 +
.w3-flat-pumpkin
 +
{color:#fff;background-color:#d35400}
 +
.w3-flat-pomegranate
 +
{color:#fff;background-color:#c0392b}
 +
.w3-flat-silver
 +
{color:#000;background-color:#bdc3c7}
 +
.w3-flat-asbestos
 +
{color:#fff;background-color:#7f8c8d}
 +
</style>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
                <!--                            Start of NavBar                          -->
 +
 +
 +
 +
 +
 +
<body>
 +
<!-- Navbar -->
 +
<div class="w3-top w3-padding-16">
 +
  <div class="w3-bar w3-green w3-card-2">
 +
    <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
 +
 +
<!-- Home Button -->
 +
    <a href="https://2017.igem.org/Team:MSU-Michigan" class="w3-bar-item w3-button w3-padding-large">Home</a>
 +
 +
<!-- Project Button -->
 +
    <div class="w3-dropdown-hover w3-hide-small">
 +
      <button class="w3-padding-large w3-button" title="Project">Project <i class="fa fa-caret-down"></i></button>   
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Description" class="w3-bar-item w3-button">Description</a>
 +
<!--
 +
<a href="https://2017.igem.org/wiki/index.php?title=Team:MSU-Michigan/Background" class="w3-bar-item w3-button">Background</a>
 +
-->
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Design" class="w3-bar-item w3-button">Design</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Experiments" class="w3-bar-item w3-button">Experiments</a>
 +
   
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/InterLab" class="w3-bar-item w3-button">InterLab</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Contribution" class="w3-bar-item w3-button">Contribution</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Results" class="w3-bar-item w3-button">Results</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Demonstrate" class="w3-bar-item w3-button">Demonstrate</a>
 +
     
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Attributions" class="w3-bar-item w3-button">Attributions</a>
 +
      </div>
 +
    </div>
 +
 +
<!-- Safety -->
 +
<div class="w3-dropdown-hover w3-hide-small">
 +
      <a href="https://2017.igem.org/Team:MSU-Michigan/SafetyImages" button class="w3-padding-large w3-button" title="Safety">Safety </a><i class="fa fa-caret-down"></i></button>
 +
 +
 
 +
    </div>
 +
<!-- Human Practices -->
 +
      <div class="w3-dropdown-hover w3-hide-small">
 +
<button class="w3-padding-large w3-button" title="Human Practices">Human Practices <i class="fa fa-caret-down"></i></button>
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Engagement" class="w3-bar-item w3-button">Engagement</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/HP/Gold_Integrated" class="w3-bar-item w3-button">Gold Integrated</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/HP/Silver" class="w3-bar-item w3-button">Silver</a>
 +
      </div>
 +
    </div>
 +
 +
<!-- Team Button  -->
 +
    <div class="w3-dropdown-hover w3-hide-small">
 +
      <button class="w3-padding-large w3-button" title="Team">Team <i class="fa fa-caret-down"></i></button>   
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Team" class="w3-bar-item w3-button">Team</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
 +
      </div>
 +
    </div>
 +
 +
<!-- Parts Button -->
 +
    <div class="w3-dropdown-hover w3-hide-small">
 +
      <a href="https://2017.igem.org/Team:MSU-Michigan/Parts" button class="w3-padding-large w3-button" title="Parts">Parts </a><i class="fa fa-caret-down"></i></button>   
 +
 +
 +
    </div>
 +
 +
<!-- Awards Button -->
 +
    <div class="w3-dropdown-hover w3-hide-small">
 +
      <button class="w3-padding-large w3-button" title="Awards">Awards <i class="fa fa-caret-down"></i></button>   
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Applied_Design" class="w3-bar-item w3-button">Applied Design</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Hardware" class="w3-bar-item w3-button">Hardware</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Measurement" class="w3-bar-item w3-button">Measurement</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Model" class="w3-bar-item w3-button">Model</a>
 +
      </div>
 +
    </div>
 +
 +
<!-- Proof of Concept Button 
 +
    <div class="w3-dropdown-hover w3-hide-small">
 +
      <button class="w3-padding-large w3-button" title="Team">Proof of Concept<i class="fa fa-caret-down"></i></button>   
 +
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/IPTG_Induction" class="w3-bar-item w3-button">IPTG Induction</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/Current" class="w3-bar-item w3-button">Current Induction</a>
 +
        <a href="https://2017.igem.org/Team:MSU-Michigan/GFP_Microscopy" class="w3-bar-item w3-button">GFP Microscopy</a>
 +
      </div>
 +
    </div> -->
 +
 +
</div>
 +
 +
 +
<style>
 +
#myDIV {
 +
    width: 100%;
 +
    padding: 50px 0;
 +
    text-align: center;
 +
    background-color: lightblue;
 +
    margin-top: 20px;
 +
}
 +
</style>
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("myDIV");
 +
    if (x.style.display === "none") {
 +
        x.style.display = "block";
 +
    } else {
 +
        x.style.display = "none";
 +
    }
 +
}
 +
</script>
 +
 +
 +
 +
<!-- Navbar on small screens -->
 +
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
 +
 +
</div>
 +
 +
 +
<!-- Page content -->
 +
</div>
 +
<div class="w3-content" style="max-width:2000px;margin-top:46px">
 +
 +
<!-- End Page Content -->
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 01:23, 2 November 2017

Home
Description Design Experiments InterLab Contribution Results Demonstrate Attributions
Safety
Engagement Gold Integrated Silver
Team Collaborations
Parts
Applied Design Hardware Measurement Model