Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 173: Line 173:
</style>
</style>
 +
<style type="text/css">
 +
$bg: #70a667;
 +
$fc: #40004b;
 +
ul, li{ margin: 0; padding: 0;}
 +
a { transition: all 0.2s ease-in-out; }
 +
#nav{
 +
  text-align: center;
 +
  background-color: $bg;
 +
  a{ color: $fc; text-decoration: none; }
 +
  li{
 +
    display: inline;
 +
    position: relative;
 +
    ul{
 +
      position: absolute;
 +
      left:-9999px;     
 +
    }
 +
    a{
 +
      display: inline-block;
 +
      padding: 20px;
 +
    }
 +
    &:hover{
 +
        a {
 +
          background-color: $fc;
 +
          color: $bg;
 +
          //white-space: nowrap;
 +
        }
 +
        ul {
 +
          left: 0;
 +
          text-align: left;
 +
          width: 200px;
 +
          box-shadow: 0px 1px 1px rgba(32, 214, 129, 1) ;
 +
          a {
 +
            display: block;
 +
            padding: 15px 30px 15px 30px;
 +
            border-bottom: 1px solid $bg;
 +
            &:hover { background-color: $bg; color: $fc;}
 +
          }
 +
        }
 +
       
 +
    }
 +
  }
 +
}
 +
</style>
</head>
</head>
<body>
<body>
Line 184: Line 227:
</div>
</div>
</div>
</div>
 +
<ul id="nav">
 +
<li><a href="/">Home</a></li>
 +
  <li>
 +
<a href="/about/">Team</a>
 +
    <ul>
 +
<li><a href="#">Overview</a></li>
 +
        <li><a href="#">Participants</a></li>
 +
      <li><a href="#">Advisors</a></li>
 +
      <li><a href="#">Gallery</a></li>
 +
      <li><a href="#">Acknowledgement</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="/portfolio/">Project</a>
 +
<ul>
 +
<li><a href="#">Abstract</a></li>
 +
<li><a href="#">Introduction</a></li>
 +
<li><a href="#">Mechanism</a></li>
 +
        <li><a href="#">Measurments</a></li>
 +
<li><a href="#">Results</a></li>
 +
<li><a href="#">Future Plan</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="/archives/">Parts</a></li>
 +
<li>
 +
<a href="/portfolio/">Notebook</a>
 +
<ul>
 +
<li><a href="#">Wet Lab</a></li>
 +
<li><a href="#">Dry Lab</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
        <li><a href="#">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="/portfolio/">Outreach</a>
 +
<ul>
 +
<li><a href="#">iGEMism</a></li>
 +
<li><a href="#">Introducing People iGEM</a></li>
 +
<li><a href="#">Dış Tanıtım</a></li>
 +
        <li><a href="#">Follow Us</a></li>
 +
</ul>
 +
</li>
 +
</ul>
<footer>
<footer>
   <div class="copyright">
   <div class="copyright">

Revision as of 13:37, 11 June 2014