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

Line 7: Line 7:
  
 
/* NavigationBar */
 
/* NavigationBar */
 +
.image {
 +
  background-color: #114B5F;
 +
  background: url(https://www.pakutaso.com/shared/img/thumb/MIYA160131480493_TP_V.jpg) no-repeat center center;
 +
  background-size: cover;
 +
  background-attachment: fixed;
 +
  height: 500px;
 +
  margin-top: -20px;
 +
  /*
 +
  p {
 +
      text-align: center;
 +
      padding: 20px 60px;
 +
      .btn {
 +
        background-color: transparent;
 +
        color: #E4FDE1;
 +
        border: 1.5px solid #E4FDE1;
 +
        width: 80px;
 +
        height: 40px;
 +
        padding: 10px;
 +
        font-size: 1px;
 +
 +
          &:hover {
 +
            color: #cdf4c8;
 +
            border-color: #cdf4c8
 +
          }
 +
      }
 +
  }*/
 +
}
 +
.image .heading {
 +
  color: #E4FDE1;
 +
  text-align: center;
 +
  font-family: 'Athiti', sans-serif;
 +
  padding-top: 150px;
 +
}
 +
 
.navbar {
 
.navbar {
 
   height: 70px;
 
   height: 70px;
Line 15: Line 49:
 
   transition: background-color 1s ease 0s;
 
   transition: background-color 1s ease 0s;
 
}
 
}
 +
 
.navbar-default .navbar-brand {
 
.navbar-default .navbar-brand {
 
   margin-top: 10px;
 
   margin-top: 10px;
 
   color: #E4FDE1;
 
   color: #E4FDE1;
 +
  z-index: 999;
 
}
 
}
 
.navbar-default .navbar-brand:hover {
 
.navbar-default .navbar-brand:hover {
    color: #cdf4c8;
+
  color: #cdf4c8;
 
}
 
}
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
Line 45: Line 81:
 
}
 
}
 
.navbar-default .navbar-nav .menus-dropdown:hover .dropdown {
 
.navbar-default .navbar-nav .menus-dropdown:hover .dropdown {
  visibility: visible;
+
  visibility: visible;
  opacity: 1;
+
  opacity: 1;
 
}
 
}
 
.navbar-default .navbar-nav .dropdown {
 
.navbar-default .navbar-nav .dropdown {
Line 55: Line 91:
 
   padding: 10px 30px;
 
   padding: 10px 30px;
 
   z-index: 999;
 
   z-index: 999;
   background: rgba(228, 225, 253, 0.7);
+
   background: rgba(228, 225, 253, 0.8);
 
   width: auto;
 
   width: auto;
 
   margin-top: 0;
 
   margin-top: 0;
Line 81: Line 117:
 
}
 
}
 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   background-color: #490D40;
+
   background-color: transparent;
 
}
 
}
 
.navbar-default .navbar-toggle .icon-bar {
 
.navbar-default .navbar-toggle .icon-bar {
Line 88: Line 124:
 
}
 
}
 
.navbar-default .navbar-collapse.collapse.in ul {
 
.navbar-default .navbar-collapse.collapse.in ul {
   background-color: #490D40;
+
   background-color: transparent;
 +
}
 +
.navbar-default .navbar-collapse.collapse.in ul .dropdown {
 +
  background-color: rgba(228, 253, 225, 0.7);
 
}
 
}
  
Line 103: Line 142:
 
.navbar.solid .navbar-nav > li > a {
 
.navbar.solid .navbar-nav > li > a {
 
   color: #028090;
 
   color: #028090;
   transition: color 1s ease 0s; }
+
   transition: color 1s ease 0s;
 
+
}
/* Dropdown */
+
  
/*# sourceMappingURL=header.component.css.map */
 
  
 
</style>
 
</style>

Revision as of 06:49, 13 September 2017