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

 
(36 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                          -->
  
  
  
−
</style>
 
  
  
Line 193: Line 253:
 
<!-- Navbar -->
 
<!-- Navbar -->
 
<div class="w3-top w3-padding-16">
 
<div class="w3-top w3-padding-16">
−
   <div class="w3-bar w3-black w3-card-2">
+
   <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>
 
     <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>
  
Line 204: Line 264:
 
       <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
       <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/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/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/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/Experiments" class="w3-bar-item w3-button">Experiments</a>
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Notebook" class="w3-bar-item w3-button">Notebook</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/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/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/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/Demonstrate" class="w3-bar-item w3-button">Demonstrate</a>
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Improve" class="w3-bar-item w3-button">Improve</a>
+
     
 
         <a href="https://2017.igem.org/Team:MSU-Michigan/Attributions" class="w3-bar-item w3-button">Attributions</a>
 
         <a href="https://2017.igem.org/Team:MSU-Michigan/Attributions" class="w3-bar-item w3-button">Attributions</a>
 
       </div>
 
       </div>
Line 218: Line 280:
  
 
<!-- Safety -->
 
<!-- Safety -->
−
    <a href="https://www.youtube.com/watch?v=AjPau5QYtYs" class="w3-bar-item w3-button w3-padding-large w3-hide-small">Safety</a>
+
<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 -->
 
<!-- Human Practices -->
−
    <div class="w3-dropdown-hover w3-hide-small">
+
      <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>    
+
<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">
 
       <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/Engagement" class="w3-bar-item w3-button">Engagement</a>
Line 241: Line 306:
 
<!-- Parts Button -->
 
<!-- Parts Button -->
 
     <div class="w3-dropdown-hover w3-hide-small">
 
     <div class="w3-dropdown-hover w3-hide-small">
−
       <button class="w3-padding-large w3-button" title="Parts">Parts <i class="fa fa-caret-down"></i></button>   
+
       <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 class="w3-dropdown-content w3-bar-block w3-card-4">
+
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Parts" class="w3-bar-item w3-button">Parts</a>
+
 
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Basic_Part" class="w3-bar-item w3-button">Basic_Part</a>
+
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Composite_Part" class="w3-bar-item w3-button">Composite_Part</a>
+
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Part_Collection" class="w3-bar-item w3-button">Part_Collection</a>
+
−
      </div>
+
 
     </div>
 
     </div>
  
Line 255: Line 316:
 
       <div class="w3-dropdown-content w3-bar-block w3-card-4">
 
       <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/Applied_Design" class="w3-bar-item w3-button">Applied Design</a>
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Entrepreneurship" class="w3-bar-item w3-button">Entrepreneurship</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/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/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>
 
         <a href="https://2017.igem.org/Team:MSU-Michigan/Model" class="w3-bar-item w3-button">Model</a>
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Plant" class="w3-bar-item w3-button">Plant</a>
 
−
        <a href="https://2017.igem.org/Team:MSU-Michigan/Software" class="w3-bar-item w3-button">Software</a>
 
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
−
<!-- Proof of Concept Button  -->
+
<!-- Proof of Concept Button   
 
     <div class="w3-dropdown-hover w3-hide-small">
 
     <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>     
 
       <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">
 
       <div class="w3-dropdown-content w3-bar-block w3-card-4">
−
         <a href="https://2017.igem.org/Team:MSU-Michigan/GFP_Induction" class="w3-bar-item w3-button">IPTG Induction</a>
+
         <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/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>
 
         <a href="https://2017.igem.org/Team:MSU-Michigan/GFP_Microscopy" class="w3-bar-item w3-button">GFP Microscopy</a>
 
       </div>
 
       </div>
−
     </div>
+
     </div> -->
 +
 
 
</div>
 
</div>
  
Line 296: Line 355:
 
</script>
 
</script>
  
−
<!-- Close Buttons and Header -->
 
−
<a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i class="fa fa-search"></i></a>
 
−
<style>
 
−
input[type=text] {
 
−
    width: 130px;
 
−
    box-sizing: border-box;
 
−
    border: 2px solid #ccc;
 
−
    border-radius: 4px;
 
−
    font-size: 16px;
 
−
    background-color: white;
 
−
    background-image: url('javascript:void(0)');
 
−
    background-position: 10px 10px;
 
−
    background-repeat: no-repeat;
 
−
    padding: 12px 20px 12px 40px;
 
−
    -webkit-transition: width 0.4s ease-in-out;
 
−
    transition: width 0.4s ease-in-out;
 
−
}
 
  
−
input[type=text]:focus {
 
−
    width: 100%;
 
−
}
 
−
</style>
 
−
  </div>
 
−
</div>
 
  
−
<!-- Navbar on small screens  
+
<!-- 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 id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
−
  <a href="#band" class="w3-bar-item w3-button w3-padding-large">BAND</a>
+
 
−
  <a href="#tour" class="w3-bar-item w3-button w3-padding-large">TOUR</a>
+
−
  <a href="#contact" class="w3-bar-item w3-button w3-padding-large">CONTACT</a>
+
−
  <a href="#" class="w3-bar-item w3-button w3-padding-large">MERCH</a>
+
 
</div>
 
</div>
  

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