Difference between revisions of "Team:CGU Taiwan/Home"

Line 22: Line 22:
 
</head>
 
</head>
 
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
 
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
−
<head>
+
<!-- Bootstrap Core CSS -->
−
<style>
+
    <link href="https://2015.igem.org/Template:NTU-Singapore-bootstrap/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
.logo {
+
−
      width: 100%;
+
−
      height: 120px;
+
−
      position: absolute; 
+
−
      top: -10px;
+
−
      background: #140731;
+
−
      z-index:+1;
+
−
      font-family: Corbel;
+
−
}
+
  
−
.img1 {
+
    <!-- Fonts -->
−
      position: absolute;
+
    <link href="https://2015.igem.org/Template:NTU-Singapore-fontawesome/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
      left: 15px;
+
    <link href="https://2015.igem.org/Template:NTU-Singapore-animate/CSS?action=raw&ctype=text/css" rel="stylesheet" >
−
      top: 7px;
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
−
      width: 450px;
+
−
      height: 100px;
+
−
}
+
  
−
.ccsticky-nav { /*背板*/
+
    <!-- Squad theme CSS -->
−
      width: 100%;
+
    <link href="https://2015.igem.org/Template:NTU-Singapore/CSS?action=raw&ctype=text/css" rel="stylesheet">
−
      height: 40px;
+
    <link href="https://2015.igem.org/Template:NTU-Singapore-color/CSS?action=raw&ctype=text/css" rel="stylesheet">
−
      position: fixed; 
+
−
      top: 128px;
+
−
      background:#ADADAD;
+
−
      z-index:+1;
+
−
      font-family: Corbel;
+
−
}
+
  
−
.ccsticky-nav ul { /*major menu type*/
+
</head>
−
      padding: 10px;
+
−
      list-style: none;
+
−
      text-align: center;
+
−
      position: relative;
+
−
      left: 150px;
+
−
      z-index:+1;
+
−
      text-decoration: none;
+
−
      display: inline-block;
+
−
      margin: 10px;
+
−
      top: -10px;
+
−
      overflow: hidden;
+
−
}
+
−
.ccsticky-nav ul li {
+
−
      margin: 0 10px;
+
−
      z-index:+1;
+
−
      float: left;
+
−
      display: inline-block;
+
−
}
+
−
.ccsticky-nav ul li:hover { /*major menu 滑動 type*/
+
−
                padding: 14px 20px;
+
−
background: #E0E0E0;
+
−
                position: relative;
+
−
                left: 0px;         
+
−
                top: -18px;
+
−
                border-radius: 2px;
+
−
}
+
  
−
.ccsticky-nav ul li a { /*major menu font type*/
+
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
−
      padding: 10px 0;
+
−
      font-size: 1rem;
+
−
      text-decoration: none;
+
−
      z-index:+1;
+
−
      color: black;
+
−
}
+
−
.ccsticky-nav ul li a:hover { /*major menu font 滑動 type*/
+
−
      color: black;
+
−
      z-index:+1;
+
−
}
+
−
.ccsticky-nav ul li.dropdown { /*下拉式選單*/
+
−
    display: inline-block;
+
−
}
+
−
.ccsticky-nav ul li a:hover, .dropdown:hover
+
−
<!-- ////////////////////// START SUB MENU /////////////////////// -->
+
−
.dropdown-content {
+
−
    display: none;
+
−
    position: absolute;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index:-1;
+
−
}
+
  
−
.dropdown-content a { /* 隱藏次選單*/
+
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation" style="margin-top: 30px;">
−
    color: white;
+
<div class="container" >
−
    padding: 12px 16px;
+
<div class="navbar-header page-scroll" >
−
    text-decoration: none;
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
−
    z-index:-1;
+
<i class="fa fa-bars"></i>
−
    display: block;
+
</button>
−
}
+
<a class="navbar-brand" href="https://2015.igem.org/Team:NTU-Singapore#intro" style="margin-left: -0px; margin-top: -10px">
 +
                             
 +
<img src="https://static.igem.org/mediawiki/2015/4/43/Ntu_igem_logo.png" width="120px" height="120px" style="margin-top: -20px; margin-left:-20px; float:left">  <h1 style="border-bottom: 0px; float:right">&nbsp;&nbsp;NTU S'PORE</h1>
 +
</a>
  
−
.dropdown-content a:hover {
+
<!--<img src="img/MicroPika.png" alt="MicroPika" width="105px" height="90px" style="">-->
−
    background-color: #FF4848;  padding: 15px 20px; border-radius: 4px;
+
</div>
−
 
+
−
}
+
<!-- Collect the nav links, forms, and other content for toggling -->
−
 
+
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
−
.dropdown:hover .dropdown-content {
+
<ul class="nav navbar-nav">
−
    display: block;
+
−
}
+
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
−
 
+
  <li class="active"><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
−
.button1 {
+
−
    background-color: #ADADAD;
+
−
    font color: black;
+
−
    border: 2px solid #ADADAD;
+
−
    font-size: 1rem;
+
−
    font-family: Corbel;
+
−
    text-align: center;
+
−
    -webkit-transition-duration: 0.4s; /* Safari */
+
−
    transition-duration: 0.4s;
+
−
    margin: 4px 2px;
+
−
    padding-top: 8px;
+
−
    padding-right: 5px;
+
−
    padding-bottom: 9px;
+
−
    padding-left: 5px;
+
−
    border-radius: 4px;
+
−
    position: fixed;
+
−
    top: 119px;
+
−
    left: 1100px;
+
−
}
+
−
 
+
−
.button1:hover {
+
−
    background-color: #E0E0E0;
+
−
    font-size: 1rem;
+
−
    font color: #ADADAD;
+
−
    text-align: center;
+
−
    -webkit-transition-duration: 0.4s; /* Safari */
+
−
    transition-duration: 0.4s;
+
−
    margin: 4px 2px;
+
−
}
+
−
</style>
+
−
 
+
−
<nav class="logo">
+
−
<img src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg" class="img1">
+
−
</nav>
+
−
 
+
−
<nav class="ccsticky-nav">
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
+
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
+
 
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results">RESULT</a></li>
 
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results">RESULT</a></li>
 
  <li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
 
  <li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
Line 168: Line 67:
 
  <li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
 
  <li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
 
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
 
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
−
<button class="button1">CONTACT</button>
+
−
</ul>
+
</ul>
 +
</div>
 +
<!-- /.navbar-collapse -->
 +
</div>
 +
<!-- /.container -->
 
</nav>
 
</nav>
 +
 +
 
<!-- ////////////////////// END OF HEADER /////////////////////// -->
 
<!-- ////////////////////// END OF HEADER /////////////////////// -->
 
<!-- ////////////////////// START VIDEO /////////////////////// -->
 
<!-- ////////////////////// START VIDEO /////////////////////// -->

Revision as of 08:55, 25 August 2016

ABSTRACT

doddopskdkadsmkxlsjajidsoaxjspaoxsopa'jcisaksp[k