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

Line 10: Line 10:
 
   color: #E4FDE1;
 
   color: #E4FDE1;
 
   z-index: 100;
 
   z-index: 100;
   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;
  .navbar-default .navbar-brand:hover {
+
}
     color: #cdf4c8; }
+
.navbar-default .navbar-brand:hover {
 +
     color: #cdf4c8;
 +
}
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
 
   color: #E4FDE1;
 
   color: #E4FDE1;
 
   font-family: 'Athiti', sans-serif;
 
   font-family: 'Athiti', sans-serif;
 
   font-size: 17px;
 
   font-size: 17px;
   margin: 10px 5px 5px 5px; }
+
   margin: 10px 5px 5px 5px;
 +
}
 
.navbar-default .navbar-nav > li > a:hover {
 
.navbar-default .navbar-nav > li > a:hover {
   color: #cdf4c8; }
+
   color: #cdf4c8;
 +
}
 
.navbar-default .navbar-nav > li > a:focus {
 
.navbar-default .navbar-nav > li > a:focus {
   color: #cdf4c8; }
+
   color: #cdf4c8;
 +
}
 
.navbar-default .navbar-nav > li > a:active {
 
.navbar-default .navbar-nav > li > a:active {
   color: #E4FDE1; }
+
   color: #E4FDE1;
 +
}
 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
 
   background-color: transparent;
 
   background-color: transparent;
   color: #cdf4c8; }
+
   color: #cdf4c8;
 +
}
 
.navbar-default .navbar-nav .menus-dropdown {
 
.navbar-default .navbar-nav .menus-dropdown {
   position: relative; }
+
   position: relative;
  .navbar-default .navbar-nav .menus-dropdown:hover .dropdown {
+
}
    visibility: visible;
+
.navbar-default .navbar-nav .menus-dropdown:hover .dropdown {
    opacity: 1; }
+
  visibility: visible;
 +
  opacity: 1;
 +
}
 
.navbar-default .navbar-nav .dropdown {
 
.navbar-default .navbar-nav .dropdown {
 
   position: absolute;
 
   position: absolute;
Line 48: Line 57:
 
   transition: all 0.2s ease-in-out;
 
   transition: all 0.2s ease-in-out;
 
   -webkit-transition: all 0.2s ease-in-out;
 
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out; }
+
   -moz-transition: all 0.2s ease-in-out;
  .navbar-default .navbar-nav .dropdown li {
+
}
    line-height: 30px;
+
.navbar-default .navbar-nav .dropdown li {
    float: none;
+
  line-height: 30px;
    list-style: none; }
+
  float: none;
  .navbar-default .navbar-nav .dropdown a {
+
  list-style: none;
    font-size: 17px;
+
}
    font-family: 'Athiti', sans-serif;
+
.navbar-default .navbar-nav .dropdown a {
    font-weight: normal;
+
  font-size: 17px;
    color: #020709;
+
  font-family: 'Athiti', sans-serif;
    text-decoration: none; }
+
  font-weight: normal;
    .navbar-default .navbar-nav .dropdown a:hover {
+
  color: #020709;
      color: #456990; }
+
  text-decoration: none;
 +
}
 +
.navbar-default .navbar-nav .dropdown a:hover {
 +
  color: #456990;
 +
}
 
.navbar-default .navbar-toggle {
 
.navbar-default .navbar-toggle {
   border-color: #028090; }
+
   border-color: #028090;
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+
}
    background-color: #490D40; }
+
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  .navbar-default .navbar-toggle .icon-bar {
+
  background-color: #490D40;
    color: #C57ED3;
+
}
    background-color: #028090; }
+
.navbar-default .navbar-toggle .icon-bar {
 +
  color: #C57ED3;
 +
  background-color: #028090;
 +
}
 
.navbar-default .navbar-collapse.collapse.in ul {
 
.navbar-default .navbar-collapse.collapse.in ul {
   background-color: #490D40; }
+
   background-color: #490D40;
 +
}
  
 
/* Solid class attached on scroll past first section */
 
/* Solid class attached on scroll past first section */
Line 75: Line 92:
 
.navbar.solid {
 
.navbar.solid {
 
   background-color: rgba(228, 253, 225, 0.95);
 
   background-color: rgba(228, 253, 225, 0.95);
   transition: background-color 1s ease 0s; }
+
   transition: background-color 1s ease 0s;
  .navbar.solid .navbar-brand {
+
}
    color: #028090;
+
.navbar.solid .navbar-brand {
    transition: color 1s ease 0s; }
+
  color: #028090;
  .navbar.solid .navbar-nav > li > a {
+
  transition: color 1s ease 0s;
    color: #028090;
+
}
    transition: color 1s ease 0s; }
+
.navbar.solid .navbar-nav > li > a {
 +
  color: #028090;
 +
  transition: color 1s ease 0s; }
  
 
/* Dropdown */
 
/* Dropdown */

Revision as of 07:02, 10 August 2017