Difference between revisions of "Template:NCKU Tainan/navbar"
Oscarliu117 (Talk | contribs) |
|||
| (22 intermediate revisions by 2 users not shown) | |||
| Line 17: | Line 17: | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| − | |||
| − | |||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Description">Description</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Description">Description</a> | ||
| + | <div class="dropdown-divider"></div> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Design">Design</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Design">Design</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Improve">Improve</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Improve">Improve</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Results">Results</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Results">Results</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Protocol">Protocol</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Protocol">Protocol</a> | ||
| − | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Parts"> | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Measurement">Measurement</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Parts">Parts</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 36: | Line 36: | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Model">Model</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Model">Model</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Kinetic_Law">Kinetic Law</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Kinetic_Law">Kinetic Law</a> | ||
| − | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/ | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Analysis">Analysis</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 48: | Line 48: | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Software">Software</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Software">Software</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Hardware">Hardware</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Hardware">Hardware</a> | ||
| − | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Demonstrate">Demonstrate</a> | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Demonstrate">Demonstrate</a> |
| + | <div class="dropdown-divider"></div> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/pH_meter">pH Meter</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Temperature">Thermometer</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/wi_fi">Wi-Fi Module</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/CO2">CO<sub>2</sub> Sensor</a> | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 56: | Line 61: | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| − | Human | + | Human Practices |
<span class="caret"></span> | <span class="caret"></span> | ||
</a> | </a> | ||
| Line 67: | Line 72: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <li class="nav-item"> | + | <li class="nav-item dropdown"> |
| − | <a class="nav-link" href="https://2018.igem.org/Team:NCKU_Tainan/Applied_Design"> | + | <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> |
| + | Product Design | ||
| + | <span class="caret"></span> | ||
| + | </a> | ||
| + | |||
| + | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Applied_Design">Product design</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Entrepreneurship">Entrepreneurship</a> | ||
| + | </div> | ||
</li> | </li> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
| Line 76: | Line 89: | ||
</a> | </a> | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| − | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Team">Team | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Team">Team Members</a> |
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Collaborations">Collaborations</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Collaborations">Collaborations</a> | ||
<a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Attributions">Attributions</a> | <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Attributions">Attributions</a> | ||
| Line 85: | Line 98: | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
| − | <a class="nav-link" href="https://2018.igem.org/Team:NCKU_Tainan/Judge"> | + | <a class="nav-link" href="https://2018.igem.org/Team:NCKU_Tainan/Judge">Awards</a> |
</li> | </li> | ||
</ul> | </ul> | ||
| Line 123: | Line 136: | ||
.dropdown:hover .dropdown-menu {display: block;} | .dropdown:hover .dropdown-menu {display: block;} | ||
| − | @media (min-width: | + | @media (min-width: 1335px) { |
.navbar { | .navbar { | ||
padding-left: 30px !important; | padding-left: 30px !important; | ||
padding-right: 30px !important; | padding-right: 30px !important; | ||
} | } | ||
| − | . | + | } |
| − | - | + | @media (max-width: 1335px) { |
| − | - | + | .nav-link { |
| − | - | + | padding-right: .5rem !important; |
| − | + | font-size: 18px !important; | |
| + | } | ||
| + | } | ||
| + | @media (max-width: 1160px) { | ||
| + | .nav-link { | ||
| + | padding-right: .3rem !important; | ||
| + | padding-left: .3rem !important; | ||
| + | font-size: 15px !important; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 992px) { | ||
| + | .nav-link { | ||
| + | font-size: 20px !important; | ||
} | } | ||
} | } | ||
| − | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.navbar-right form { | .navbar-right form { | ||
display: none; | display: none; | ||
| + | } | ||
| + | .head { | ||
| + | font-size: 30px !important; | ||
} | } | ||
} | } | ||
Latest revision as of 17:25, 15 November 2018