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

Line 21: Line 21:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
 +
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
 
<head>
 
<head>
 
<style>
 
<style>
−
nav ul ul {
+
.ccsticky-nav {
−
display: none;
+
      width: 100%;
 +
      height: 80px;
 +
      position: fixed;
 +
      top: 0px;
 +
      background: #139ed8;
 +
      z-index:+1;
 
}
 
}
  
−
nav ul li:hover > ul {
+
.ccsticky-nav ul {
−
display: block;
+
      padding: 20px;
−
}
+
      margin: 20px auto;
−
nav ul {
+
      list-style: none;
−
background: #efefef;
+
      text-align: center;
−
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
+
      position: relative;
−
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
+
      left: 150px;
−
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
+
      z-index:+1;
−
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
+
−
padding: 0 20px;
+
−
border-radius: 10px;
+
−
list-style: none;
+
−
position: relative;
+
−
        left: 150px;
+
−
display: inline-table;
+
 
}
 
}
−
nav ul:after {
+
.ccsticky-nav ul:after {
−
content: ""; clear: both; display: block;
+
content: ""; clear: both; display: #2828FF;
 
}
 
}
−
nav ul li {
+
.ccsticky-nav ul li {
−
float: left;
+
      display: inline-block;
 +
      margin: 0 10px;
 +
      z-index:+1;
 +
      float: left;
 
}
 
}
−
nav ul li:hover {
+
.ccsticky-nav ul li:hover {
−
background: #fff;
+
background: #2828FF;
−
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
padding: 20px;
−
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
−
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
+
−
}
+
−
nav ul li:hover a {
+
−
color: #fff;
+
−
}
+
−
+
−
nav ul li a {
+
−
display: block; padding: 15px 20px;
+
−
color: #757575; text-decoration: none;
+
−
}
+
−
nav ul ul {
+
−
background: #5f6975; border-radius: 0px; padding: 0;
+
−
position: absolute; top: 100%;
+
−
}
+
−
nav ul ul li {
+
−
float: none;
+
−
border-top: 1px solid #6b727c;
+
−
border-bottom: 1px solid #575f6a;
+
 
                 position: relative;
 
                 position: relative;
−
                 z-index:1;
+
                 top:-20px;
−
}
+
                border-radius: 4px;
−
nav ul ul li a {
+
                font-color: white;
−
padding: 15px 30px;
+
}
−
color: #fff;
+
.ccsticky-nav ul li:hover a {
−
                        z-index:1;
+
color: white;
−
}
+
}
−
nav ul ul li a {
+
.ccsticky-nav ul li a {
−
background: #4b545f;
+
      padding: 10px 0;
−
                                z-index:1;
+
      color: #fff;
−
}
+
      font-size: 1rem;
 +
      text-decoration: none;
 +
      font-weight: bold;
 +
      transition: all 0.2s ease;
 +
      z-index:+1;
 +
}
 +
.ccsticky-nav ul li:hover > ul {
 +
display: #2828FF;
 +
}
 +
.ccsticky-nav ul li a:hover {
 +
      color: white;
 +
      z-index:+1;
 +
}
 +
.new li.dropdown {
 +
    display: inline-block;
 +
}
 +
.new li a, .dropbtn {
 +
    display: inline-block;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
.new li a:hover, .dropdown:hover
  
 +
<!-- ////////////////////// START SUBMENUE /////////////////////// -->
 +
.dropdown-content {
 +
    display: none;
 +
    position fixed;
 +
    background-color: rgba(0,0,0,0);
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index:-1;
 +
}
 +
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    z-index:-1;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: #46A3FF; padding: 20px; border-radius: 4px;
 +
    z-index:+1;
 +
}
 +
 +
.dropdown-content {
 +
    display: block;
 +
    z-index:-1;
 +
}
 
</style>
 
</style>
−
<nav>
+
<nav class="ccsticky-nav">
 
<ul>
 
<ul>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
+
  <li><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a></li>
+
  <li><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a></li>
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a>
+
<li class="dropdown"><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a>
−
    <ul>
+
 
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Design">DESIGN</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Proof">PROOF</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Schedule">SCHEDULE</a></li>
+
−
    </ul>
+
 
  </li>
 
  </li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Wet Lab">WET LAB</a>
+
  <li class="dropdown"><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Wet Lab">WET LAB</a>
−
    <ul>
+
 
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Experiments">EXPERIMENTS</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Results">RESULTS</a></li>
+
−
    </ul>
+
 
  </li>
 
  </li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a>
+
  <li class="dropdown"><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a>
−
    <ul>
+
   
−
        <li><a href="http://163.25.92.36/igemcgu/igemwebhome.htm">McHuG</a></li>
+
−
    </ul>
+
 
  </li>
 
  </li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
+
  <li><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
+
  <li><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
−
  <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
+
  <li class="dropdown"><a class="dropbtn" href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
−
    <ul>
+
      
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
+
−
        <li><a href="https://2016.igem.org/Team:CGU_Taiwan/News">NEWS</a></li>
+
−
     </ul>
+
 
  </li>
 
  </li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 +
<!-- ////////////////////// END OF HEADER /////////////////////// -->
 
<style type="text/css">
 
<style type="text/css">
 
body{
 
body{

Revision as of 16:44, 10 August 2016

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three

PROJECT PROJECT NEWS