Team:Gothenburg
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <!-- <!doctype HTML> --> | |
- | + | ||
- | + | ||
<html> | <html> | ||
<head> | <head> | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
+ | <title>TemplateUp</title> | ||
+ | |||
<style> | <style> | ||
- | + | .firstHeading { | |
- | width: | + | display: none; |
- | + | } | |
- | + | ||
- | + | nav { | |
- | + | width: 660px; | |
- | + | margin-left:auto; | |
- | + | margin-right:auto; | |
- | + | display: block; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | nav ul { | |
- | + | background: #808080; | |
+ | background: linear-gradient(top, #808080 0%, #f0f0f0 100%); | ||
+ | background: -moz-linear-gradient(top, #808080 0%, #f0f0f0 100%); | ||
+ | background: -webkit-linear-gradient(top, #808080 0%, #f0f0f0 100%); | ||
+ | */ box-shadow: 0px 0px 9px rgba(0,0,0,0.15); */ | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | padding: 0 10px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-right: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
- | + | nav ul ul { | |
+ | display: none; | ||
+ | background: #e7e7e7; | ||
+ | border-radius: 0; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | margin: 0; | ||
+ | margin-top: -1px; | ||
+ | } | ||
- | + | nav ul li:hover > ul { | |
- | + | display: block; | |
- | + | } | |
- | + | ||
- | + | ||
+ | nav ul li { | ||
+ | float: left; | ||
+ | } | ||
- | + | nav ul li:hover { | |
- | + | background: #e7e7e7; | |
- | + | background: linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%); | |
- | + | background: -moz-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%); | |
- | + | background: -webkit-linear-gradient(top, #e7e7e7 0%, #f7f7f7 100%); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | .red:hover, .red:focus { | ||
+ | background-color: #f3d3d3; | ||
+ | background: linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); | ||
+ | background: -moz-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #f3d3d3 0%, #f33030 100%); | ||
+ | } | ||
+ | |||
+ | .yellow:hover, .yellow:focus { | ||
+ | background-color: #f3f3d3; | ||
+ | background: linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%); | ||
+ | background: -moz-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #f3f3d3 0%, #f3f330 100%); | ||
+ | } | ||
+ | |||
+ | .green:hover, .green:focus { | ||
+ | background-color: #d3f3d3; | ||
+ | background: linear-gradient(bottom, #d3f3d3 0%, #30f330 100%); | ||
+ | background: -moz-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #d3f3d3 0%, #30f330 100%); | ||
+ | } | ||
+ | |||
+ | .blue:hover, .blue:focus { | ||
+ | background-color: #d3d3f3; | ||
+ | background: linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); | ||
+ | background: -moz-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #d3d3f3 0%, #3030f3 100%); | ||
+ | } | ||
+ | |||
+ | .cyan:hover, .cyan:focus { | ||
+ | background-color: #d3f3f3; | ||
+ | background: linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); | ||
+ | background: -moz-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #d3f3f3 0%, #30f3f3 100%); | ||
+ | } | ||
+ | |||
+ | .pink:hover, .pink:focus { | ||
+ | background-color: #f3d3f3; | ||
+ | background: linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); | ||
+ | background: -moz-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); | ||
+ | background: -webkit-linear-gradient(bottom, #f3d3f3 0%, #f330f3 100%); | ||
+ | } | ||
+ | |||
+ | nav ul li:hover a { | ||
+ | color: #000000; | ||
+ | } | ||
- | + | nav ul li:first-child:hover { | |
- | + | background-color: #e7e7e7; | |
- | + | } | |
+ | nav ul li:last-child:hover { | ||
+ | background-color: #e7e7e7; | ||
+ | } | ||
+ | |||
+ | nav ul li a { | ||
+ | display: block; | ||
+ | padding: 15px 30px; | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | nav ul li a:visited { | ||
+ | text-decoration:none; | ||
+ | color: #000000; | ||
+ | } | ||
- | + | nav ul ul li { | |
- | + | float: none; | |
- | + | border-bottom: 1px solid #f0f0f0; | |
- | + | border-right: 1px solid #f0f0f0; | |
+ | border-left: 1px solid #f0f0f0; | ||
+ | position: relative; | ||
+ | } | ||
- | + | nav ul ul li:first-child { | |
+ | border-top: 1px solid #f0f0f0; | ||
+ | } | ||
- | + | nav ul ul li a { | |
- | + | padding: 15px 30px; | |
- | + | color: #000000; | |
- | + | } | |
- | + | ||
- | + | nav ul ul li a:visited { | |
- | + | text-decoration:none; | |
- | + | color: #000000; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | nav ul ul li a:hover { | |
+ | background: #d3d3d3; | ||
+ | } | ||
+ | nav ul ul ul { | ||
+ | position: absolute; | ||
+ | left: 100%; | ||
+ | top:0; | ||
+ | } | ||
- | + | nav ul:after { | |
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #banner { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 660px; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #title { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | table, td, th { | ||
+ | padding: 0px | ||
+ | } | ||
- | + | </style> | |
- | < | + | </head> |
- | < | + | <body> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <table id="banner"> |
- | </ | + | <tr> |
+ | <td id="title"> | ||
+ | <img src="http://static.giantbomb.com/uploads/ignore_jpg_scale_super/0/7785/2159258-_insert_title_.png" width="540px" height="165px" /> | ||
+ | </td> | ||
+ | <td> | ||
+ | <table id="logos"> | ||
+ | <tr> | ||
+ | <th> | ||
+ | <a href="https://www.facebook.com/pages/iGEM-Team-Gothenburg-2014/614159082031604" target="_blank"> | ||
+ | <img src="https://scontent-a-ams.xx.fbcdn.net/hphotos-xaf1/t1.0-9/10492215_690566680990741_1563064325472748899_n.jpg" width="110px" height="120px" /> | ||
+ | </a> | ||
+ | </th> | ||
+ | |||
+ | <tr> | ||
+ | <td> | ||
+ | <a href="http://www.chalmers.se/en/Pages/default.aspx" target="_blank"> | ||
+ | <img src="http://www.chalmers.se/_layouts/ChalmersPublicWeb/Images/chalmers-avancez.png" width="51px" height="46px" /> | ||
+ | </a> | ||
+ | <a href="https://2014.igem.org/Main_Page" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" height="55px"> | ||
+ | </a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
- | < | + | <nav> |
- | < | + | <ul> |
+ | <li> | ||
+ | <a class="red" href="https://2014.igem.org/Team:Gothenburg/">Home</a> | ||
+ | </li> | ||
+ | <li><a class="yellow" href="https://2014.igem.org/Team:Gothenburg/Project/">Project</a> | ||
+ | <ul> | ||
+ | <li><a class="yellow" href="#">Overview</a></li> | ||
+ | <li><a class="yellow" href="#">In Detail</a></li> | ||
+ | <li><a class="yellow" href="#">Methods</a> | ||
+ | <ul> | ||
+ | <li><a class="yellow" href="#">Dry Work</a></li> | ||
+ | <li><a class="yellow" href="#">Wet Work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="green" href="https://2014.igem.org/Team:Gothenburg/Team/">Team</a> | ||
+ | <ul> | ||
+ | <li><a class="green" href="https://igem.org/Team.cgi?year=2014/" target="_blank">Official Team profile</a></li> | ||
+ | <li><a class="green" href="#">Unofficial Team profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Notebook/">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Modeling/">Modeling</a></li> | ||
+ | <li><a class="cyan" href="https://2014.igem.org/Team:Gothenburg/Safety/">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="blue" href="https://2014.igem.org/Team:Gothenburg/Parts/">Parts</a> | ||
+ | <ul> | ||
+ | <li><a class="blue" href="#">Part 1</a></li> | ||
+ | <li><a class="blue" href="#">Part 2</a></li> | ||
+ | <li><a class="blue" href="#">Part 3</a></li> | ||
+ | <li><a class="blue" href="#">Part 4</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="pink" href="https://2014.igem.org/Team:Gothenburg/Attributions/">Attributions</a></li> | ||
- | + | </ul> | |
- | + | </nav> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | |||
</body> | </body> | ||
+ | </html> |
Revision as of 12:58, 28 July 2014
|