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

(Replaced content with "<html> <body> <div> <li> hi </li> </div> <body> </html>")
 
(61 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{NCKU_Tainan/bootstrap_min_css}}
 +
{{NCKU_Tainan/font-awesome_min_css}}
 +
{{NCKU_Tainan/Style}}
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<style>
 +
 +
 +
/* NavigationBar */
 +
@import url("https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Raleway|Montserrat");
 +
 +
 +
.navbar{
 +
  background-color: rgba(255,255,255,0.8);
 +
  border: 0px;
 +
  padding-top: 10px;
 +
}
 +
@media (min-width: 992px) {
 +
  .navbar{
 +
    padding-left: 80px;
 +
    padding-right: 80px;
 +
  }
 +
}
 +
 +
/* Solid class attached on scroll past first section */
 +
/* #E4FDE1 = rgb(228, 253, 225) */
 +
.navbar.solid {
 +
  background-color: rgba(255, 255, 255, 0.75);
 +
  transition: background-color 1s ease 0s;
 +
}
 +
/*.navbar.solid .navbar-brand {
 +
  color: #028090;
 +
  transition: color 1s ease 0s;
 +
}
 +
.navbar.solid .navbar-nav > li > a {
 +
  color: #028090;
 +
  transition: color 1s ease 0s;
 +
}*/
 +
 +
.dropdown-li{
 +
  font-size: 22px;
 +
}
 +
.dropdown-menu {
 +
  background-color: rgba(255, 255, 255, 0.8);
 +
  box-shadow: none;
 +
}
 +
 +
.navbar span {
 +
  font-family: 'Montserrat', sans-serif;
 +
  font-size: 22px;
 +
  font-weight: normal;
 +
  color: #333;
 +
}
 +
 +
 +
.navbar .brand {
 +
  font-size: 32px;
 +
  font-weight: normal;
 +
  margin-top: 16px;
 +
}
 +
 +
.logo {
 +
  height: 40px;
 +
  width: auto;
 +
  display: inline-block;
 +
  margin-top: -9px;
 +
}
 +
@media (min-width:992px) {
 +
  .dropdown-toggle::after {
 +
    content: '';
 +
    position: absolute;
 +
    width: 30px;
 +
    height: 0px;
 +
    left: 35%;
 +
    bottom: 9px;
 +
    border-bottom: 3px solid #f9cb8f;
 +
  }
 +
  .dropdown-toggle {
 +
    position: relative;
 +
  }
 +
  .dropdown-toggle:hover::after {
 +
    border: none;
 +
  }
 +
  .dropdown-hp::after {
 +
    left: 42%;
 +
  }
 +
  .navbar-default .navbar-nav>.open>a::after, .navbar-default .navbar-nav>.open>a:hover::after, .navbar-default .navbar-nav>.open>a:focus::after {
 +
    border: none;
 +
  }
 +
}
 +
 +
 +
</style>
 +
</head>
 
<body>
 
<body>
−
<div>
+
<nav class="navbar navbar-default navbar-fixed-top">
−
<li> hi </li>
+
  <div class="container-fluid">
−
</div>
+
    <div class="navbar-header">
−
<body>
+
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a class="pull-left" [routerLink]="['/home']" >
 +
        <!-- <img src="#" alt="NCKU_Tainan logo" class="logo">--!>
 +
      </a>
 +
      <a href="https://2017.igem.org/Team:NCKU_Tainan"><span class="pull-left brand">&nbsp;NCKU Tainan</span></a>
 +
    </div>
 +
    <div id="navbar" class="collapse navbar-collapse">
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span>Project</span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Description"><span class="dropdown-li">Description</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Design"><span class="dropdown-li">Design</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Results"><span class="dropdown-li">Results</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Model"><span class="dropdown-li">Model</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Contribution"><span class="dropdown-li">Contribution</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Improve"><span class="dropdown-li">Improve</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Safety"><span class="dropdown-li">Safety</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Notebook"><span class="dropdown-li">Notebook</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Protocol"><span class="dropdown-li">Protocol</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Parts"><span class="dropdown-li">Parts</span></a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span>Device</span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Hardware"><span class="dropdown-li">Hardware</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Demonstrate"><span class="dropdown-li">Demonstrate</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Software"><span class="dropdown-li">Software</span></a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span>Team</span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Team"><span class="dropdown-li">Team</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Attributions"><span class="dropdown-li">Attributions</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Collaborations"><span class="dropdown-li">Collaboration</span></a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle dropdown-hp" data-toggle="dropdown" href="#"><span>Human Practice</span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Overview"><span class="dropdown-li">Overview</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/HP/Silver"><span class="dropdown-li">Human Practice</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/HP/Gold_Integrated"><span class="dropdown-li">Integrated Practice</span></a></li>
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Engagement"><span class="dropdown-li">Public Engagement</span></a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span>Awards</span></a>
 +
          <ul class="dropdown-menu">
 +
           
 +
            <li><a href="https://2017.igem.org/Team:NCKU_Tainan/Measurement"><span class="dropdown-li">Measurement</span></a></li>
 +
 
 +
          </ul>
 +
        </li>
 +
 
 +
 
 +
      </ul>
 +
    </div>
 +
    <!--/.nav-collapse -->
 +
  </div>
 +
</nav>
 +
 
 +
 
 +
 
 +
<script src="https://2017.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:NCKU_Tainan/js/main_js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
</body>
 
</html>
 
</html>

Latest revision as of 19:16, 1 November 2017