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

 
(50 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
     <!-- navbar -->
 
     <!-- navbar -->
 
     <body>
 
     <body>
         <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #7ae26f; padding-top: 15px;">
+
         <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #5DD789; padding-top: 15px;">
 
             <a class="navbar-brand" href="https://2018.igem.org/Team:NCKU_Tainan" style="font-size: 30px; color: white;">NCKU Tainan</a>
 
             <a class="navbar-brand" href="https://2018.igem.org/Team:NCKU_Tainan" style="font-size: 30px; color: white;">NCKU Tainan</a>
 
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
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/Modeling">Modeling</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/Part">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>
 +
                    </li>
 +
                    <li class="nav-item dropdown">
 +
                        <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                            Model
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                       
 +
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                            <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/Analysis">Analysis</a>             
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 34: Line 45:
 
                         </a>
 
                         </a>
 
                          
 
                          
                         <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/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 47: 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 practice
+
                             Human Practices
 
                             <span class="caret"></span>
 
                             <span class="caret"></span>
 
                         </a>
 
                         </a>
Line 58: 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 67: 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">Collaboration</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">Attribution</a>               
+
                             <a class="dropdown-item" href="https://2018.igem.org/Team:NCKU_Tainan/Attributions">Attributions</a>               
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 76: Line 98:
 
                     </li>
 
                     </li>
 
                     <li class="nav-item">
 
                     <li class="nav-item">
                         <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=NCKU_Tainan">Judge</a>
+
                         <a class="nav-link" href="https://2018.igem.org/Team:NCKU_Tainan/Judge">Awards</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 113: Line 135:
 
       .dropdown-menu li:hover .sub-menu {visibility: visible;}
 
       .dropdown-menu li:hover .sub-menu {visibility: visible;}
 
       .dropdown:hover .dropdown-menu {display: block;}
 
       .dropdown:hover .dropdown-menu {display: block;}
 
+
     
       @media (min-width: 992px) {
+
       @media (min-width: 1335px) {
 
         .navbar {
 
         .navbar {
           padding-left: 60px !important;
+
           padding-left: 30px !important;
           padding-right: 60px !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;
 
         }
 
         }
 
       }
 
       }
Line 123: Line 163:
 
         .navbar-right form {
 
         .navbar-right form {
 
           display: none;
 
           display: none;
 +
        }
 +
        .head {
 +
          font-size: 30px !important;
 
         }
 
         }
 
       }
 
       }

Latest revision as of 17:25, 15 November 2018