Template:AUC TURKEY
From 2014hs.igem.org
(Difference between revisions)
Edipunluer (Talk | contribs) |
Edipunluer (Talk | contribs) |
||
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
sdas