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

Line 7: Line 7:
  
 
/* NavigationBar */
 
/* NavigationBar */
−
@import url("https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Raleway|Montserrat:300|Noto+Sans|Noto+Serif|Kalam");
+
@import url("https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Raleway|Montserrat|Noto+Sans|Noto+Serif|Kalam");
  
  
 
.navbar{
 
.navbar{
−
   /*background-color: transparent;*/
+
   background-color: rgba(255,255,255,0.8);
 
   border: 0px;
 
   border: 0px;
−
  margin-top: 16px;
 
 
}
 
}
 
@media (min-width: 992px) {
 
@media (min-width: 992px) {
Line 38: Line 37:
  
 
.dropdown-li{
 
.dropdown-li{
−
   font-size: 24px;
+
   font-size: 22px;
 +
}
 +
.dropdown-menu {
 +
  background-color: rgba(255, 255, 255, 0.7);
 +
  box-shadow: none;
 
}
 
}
  
 
span {
 
span {
−
   font-family: 'Kalam', cursive;
+
   font-family: 'Montserrat', sans-serif;
−
   font-size: 28px;
+
   font-size: 22px;
−
   font-weight: bold;
+
   font-weight: normal;
 
   color: #333;
 
   color: #333;
 
}
 
}
 +
  
 
.brand {
 
.brand {
−
   font-size: 36px;
+
   font-size: 32px;
−
   line-height: 60px;
+
   font-weight: normal;
 +
  margin-top: 1px;
 
}
 
}
  
 
.logo {
 
.logo {
−
   height: 30px;
+
   height: 40px;
−
   width: 30px;
+
   width: auto;
 
   display: inline-block;
 
   display: inline-block;
−
   margin-top: 10px;
+
   margin-top: -9px;
−
  margin-left: 10px;
+
 
}
 
}
−
 
+
@media (min-width:992px) {
−
i {
+
   .dropdown-toggle::after {
−
   font-size: 18px;
+
    content: '';
−
  vertical-align: middle;
+
    position: absolute;
−
  margin-bottom: 5px;
+
    width: 30px;
−
}
+
    height: 0px;
−
 
+
    left: 35%;
−
.dropdown-main:hover .dropdown-sub{
+
    bottom: 9px;
−
  display: block;
+
    border-bottom: 3px solid #f9cb8f;
−
}
+
  }
−
.dropdown-sub {
+
  .dropdown-toggle {
−
  padding-left: 40px;
+
    position: relative;
−
  display: none;
+
  }
−
}
+
  .dropdown-toggle:hover::after {
−
.dropdown-sub:hover {
+
    border: none;
−
  background-color: #f5f5f5;
+
   }
−
}
+
   .dropdown-hp::after {
−
.dropdown-sub a {
+
     left: 42%;
−
  text-decoration: none;
+
−
}
+
−
.dropdown-sub .dropdown-li {
+
−
  color: #00b3ea;
+
−
   opacity: 0.75;
+
−
}
+
−
@media (max-width:992px) {
+
−
   .dropdown-sub {
+
−
     display: block;
+
 
   }
 
   }
−
   .dropdown-sub:hover {
+
   .navbar-default .navbar-nav>.open>a::after, .navbar-default .navbar-nav>.open>a:hover::after, .navbar-default .navbar-nav>.open>a:focus::after {
−
     background-color: none;
+
     border: none;
 
   }
 
   }
 
}
 
}
Line 149: Line 144:
 
             <li><a href="https://2017.igem.org/Team:NCKU_Tainan/HP/Silver"><span class="dropdown-li">Silver</span></a></li>
 
             <li><a href="https://2017.igem.org/Team:NCKU_Tainan/HP/Silver"><span class="dropdown-li">Silver</span></a></li>
 
             <li><a><span class="dropdown-li">Gold</span></a></li>
 
             <li><a><span class="dropdown-li">Gold</span></a></li>
−
             <li><a><span class="dropdown-li">Engagement</span></a></li>
+
             <li><a><span class="dropdown-li">Public Engagement</span></a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>

Revision as of 11:04, 28 October 2017