Difference between revisions of "Team:Mingdao/navbar"

 
(25 intermediate revisions by 3 users not shown)
Line 11: Line 11:
 
   animation-name: bottom-appear;
 
   animation-name: bottom-appear;
 
   animation-duration: 0.5s;
 
   animation-duration: 0.5s;
−
   border-bottom: 5px green solid;
+
   border-bottom: 5px white solid;
 
}
 
}
  
Line 17: Line 17:
 
@-webkit-keyframes bottom-appear {
 
@-webkit-keyframes bottom-appear {
 
   from {border-bottom: 5px transparent solid;}
 
   from {border-bottom: 5px transparent solid;}
−
   to { border-bottom: 5px green solid;}
+
   to { border-bottom: 5px white solid;}
 
}
 
}
  
Line 23: Line 23:
 
@keyframes bottom-appear {
 
@keyframes bottom-appear {
 
   from {border-bottom: 5px transparent solid;}
 
   from {border-bottom: 5px transparent solid;}
−
   to { border-bottom: 5px green solid;}
+
   to { border-bottom: 5px white solid;}
 
}
 
}
  
Line 30: Line 30:
 
   display: block;
 
   display: block;
 
}
 
}
 +
.nav-link{
 +
  font-family: 'Barlow Condensed', sans-serif;
 +
  color: white!important;
 +
}
 +
.dropdown-item{
 +
  font-family: 'Barlow Condensed', sans-serif;
 +
  color:#3d7a8f!important;
 +
}
 +
.nav-item{
 +
  font-family: 'Barlow Condensed', sans-serif;
 +
  color: white!important;
 +
}
 +
.navbar-brand {
 +
  color: white!important;
 +
  font-family: 'Barlow Condensed', sans-serif;
 +
}
 +
.navbar-brand:hover {
 +
  color: grey!important;
 +
}
 +
 +
nav.sticky-top {
 +
  top: 16px !important;
 +
}
 +
 
</style>
 
</style>
  
−
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
+
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #3d7a8f;">
 
   <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
 
   <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
 
     <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
 
     <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
Line 49: Line 73:
 
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a>
 
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a>
 
       </li>
 
       </li>
−
       <li class="nav-item dropdown">
+
       <li class="nav-item">
−
         <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Experiment" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Experiment <i class="fa fa-flask" aria-hidden="true"></i></a>
−
          Experiment <i class="fa fa-flask" aria-hidden="true"></i>
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Experiment"> Experiment </a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Demonstrate</a>
+
−
        </div>
+
 
       </li>
 
       </li>
 
       <li class="nav-item">
 
       <li class="nav-item">
 
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a>
 
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a>
 
       </li>
 
       </li>
−
 
+
       <li class="nav-item">
−
       <li class="nav-item dropdown">
+
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Hardware"> Hardware <i class="fa fa-wrench" aria-hidden="true"></i></a>
−
         <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Applied_Design" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Prototype <i class="fa fa-wrench" aria-hidden="true"></i>
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Applied_Design">Introduction</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir">CAir</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir_Pro">CAir Pro</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Application">Application</a>
+
−
        </div>
+
 
       </li>
 
       </li>
 
       <li class="nav-item">
 
       <li class="nav-item">
Line 113: Line 122:
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a>
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a>
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a>
 
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a>
−
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/InterLab">Interlab</a>
+
            
 
         </div>
 
         </div>
 
       </li>
 
       </li>

Latest revision as of 13:28, 21 October 2019