Difference between revisions of "Template:CSU CHINA"

Line 46: Line 46:
 
}
 
}
 
div#top_title{
 
div#top_title{
−
        display:none;
+
    display:none;
 
}
 
}
 
/*--/navbar--*/
 
/*--/navbar--*/
Line 105: Line 105:
 
.dropdown-toggle::after{
 
.dropdown-toggle::after{
 
     color: #bfbfbf;
 
     color: #bfbfbf;
 +
}
 +
 +
.nav-item:hover .dropdown-toggle::after{
 +
color: rgba(0, 0, 0, 0);
 +
transition: color 0.15s;
 +
    -webkit-transition: color 0.15s; /* Safari */
 
}
 
}
  
 
.navbar-light .navbar-nav .show > .nav-link,
 
.navbar-light .navbar-nav .show > .nav-link,
 
.navbar-light .navbar-nav .active > .nav-link,
 
.navbar-light .navbar-nav .active > .nav-link,
−
.navbar-light .navbar-nav .nav-link.show,
 
 
.navbar-light .navbar-nav .nav-link:hover,
 
.navbar-light .navbar-nav .nav-link:hover,
 
.navbar-light .navbar-nav .nav-link:focus {
 
.navbar-light .navbar-nav .nav-link:focus {
−
     color: #ffffff;
+
     color: white;
 +
}
 +
 
 +
.nav-item:hover .nav-link{
 +
color: white;
 
}
 
}
  
Line 128: Line 137:
 
     border-bottom: 2px solid #7070db;
 
     border-bottom: 2px solid #7070db;
 
     display: inline-block;
 
     display: inline-block;
 +
}
 +
 +
.dropdown-item:hover .navbar-nav .nav-link,
 +
.dropdown-item:focus .navbar-nav .nav-link{
 +
color: #ffffff;
 
}
 
}
  
Line 158: Line 172:
 
             <ul class="navbar-nav ml-lg-auto text-center">
 
             <ul class="navbar-nav ml-lg-auto text-center">
 
                 <li class="nav-item active">
 
                 <li class="nav-item active">
−
                     <a class="nav-link" href="index.html">HOME</a>
+
                     <a class="nav-link" href="https://2019.igem.org/Team:CSU_CHINA">HOME</a>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
 
                     <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                    <a class="dropdown-item" href="about.html" title="">TEAM1</a>
+
                    <a class="dropdown-item" href="#" title="">TEAM1</a>
−
                    <a class="dropdown-item" href="projects.html" title="">TEAM2</a>
+
                    <a class="dropdown-item" href="#" title="">TEAM2</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 170: Line 184:
 
                     <a class="nav-link" href="features.html">MODEL</a>
 
                     <a class="nav-link" href="features.html">MODEL</a>
 
                 </li>
 
                 </li>
−
                 <li class="nav-item">
+
                 <li class="nav-item dropdown">
−
                     <a class="nav-link" href="team.html">HP</a>
+
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HP</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">INTERGRATED</a>
 +
                        <a class="dropdown-item" href="#">EDUCATION</a>
 +
                        <a class="dropdown-item" href="#">GOVERMENT</a>
 +
                        <a class="dropdown-item" href="#">PHILOSOPHY</a>
 +
                    </div>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item">
 
                 <li class="nav-item">
Line 179: Line 199:
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a>
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a>
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                         <a class="dropdown-item" href="pricing.html">MODEL1</a>
+
                         <a class="dropdown-item" href="#">PART1</a>
−
                         <a class="dropdown-item" href="pricing_light.html">MODEL2</a>
+
                         <a class="dropdown-item" href="#">PART2</a>
−
                         <a class="dropdown-item" href="pricing.html">MODEL3</a>
+
                         <a class="dropdown-item" href="#">PART3</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item">
 
                 <li class="nav-item">
−
                        <a class="nav-link" href="contact.html">SAFETY</a>
+
                    <a class="nav-link" href="contact.html">SAFETY</a>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
                         <a class="dropdown-item" href="pricing.html"> DESCRIPTION</a>
+
                         <a class="dropdown-item" href="#">DESCRIPTION</a>
−
                         <a class="dropdown-item" href="pricing_light.html"> DESIGN</a>
+
                         <a class="dropdown-item" href="#">DESIGN</a>
−
                         <a class="dropdown-item" href="pricing.html">RESULTS</a>
+
                         <a class="dropdown-item" href="#">RESULTS</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item">
 
                 <li class="nav-item">
−
                     <a class="nav-link" href="contact.html">JUDGING</a>
+
                     <a class="nav-link" href="#">JUDGING</a>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>

Revision as of 08:06, 23 September 2019