Difference between revisions of "Template:NCKU Tainan/navbar"

 
(30 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="#">Overview</a>
 
                            <div class="dropdown-divider"></div>
 
 
                             <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">Part</a>             
+
                            <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/Analyse">Analyse</a>               
+
                             <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 practices
+
                             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">Applied design</a>
+
                         <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 members</a>
+
                             <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">Judge</a>
+
                         <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: 1318px) {
+
       @media (min-width: 1335px) {
 
         .navbar {
 
         .navbar {
 
           padding-left: 30px !important;
 
           padding-left: 30px !important;
Line 129: Line 142:
 
         }
 
         }
 
       }
 
       }
   
+
       @media (max-width: 1335px) {
       @media (min-width: 1318px)
+
         .nav-link {
         .navbar-expand-lg .navbar-nav {
+
          padding-right: .5rem !important;
           -webkit-box-orient: horizontal;
+
          font-size: 18px !important;
           -webkit-box-direction: normal;
+
        }
           -ms-flex-direction: row;
+
      }
           flex-direction: row;
+
      @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