"
Team:Dundee/Team/Contact
From 2013.igem.org
(Difference between revisions)
(Created page with "<html> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if gt IE 8]><!-...") |
Kyleharrison (Talk | contribs) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <!-- Adapted from --> | ||
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | ||
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> | ||
| Line 11: | Line 12: | ||
<title>Dundee iGem 2012</title> | <title>Dundee iGem 2012</title> | ||
| + | |||
| + | <style type="text/css"> | ||
| + | /* These styles create the dropdown menus. */ | ||
| + | |||
| + | .nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; } | ||
| + | .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; z-index: 1000} | ||
| + | .nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } | ||
| + | .nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); } | ||
| + | |||
| + | .nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; } | ||
| + | .nav-bar > li.active > a { color: white; cursor: default; } | ||
| + | .nav-bar > li.active:hover { background: #2ba6cb; cursor: default; } | ||
| + | |||
| + | .nav-bar > li:hover { background: #333333; } | ||
| + | .nav-bar > li > a { color: #e6e6e6; } | ||
| + | .nav-bar > li ul { margin-bottom: 0; } | ||
| + | .nav-bar > li .flyout { display: none; } | ||
| + | .nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; } | ||
| + | .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; } | ||
| + | .nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } | ||
| + | .nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; } | ||
| + | .nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } | ||
| + | .nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; } | ||
| + | .nav-bar > li > input { margin: 0 10px; } | ||
| + | .nav-bar.vertical { height: auto; margin-top: 0; } | ||
| + | .nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } | ||
| + | .nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; } | ||
| + | .nav-bar.vertical > li .flyout { left: 100%; top: -1px; } | ||
| + | .nav-bar.vertical > li .flyout.right { left: auto; right: 100%; } | ||
| + | .nav-bar.vertical > li.active { border-right: solid 1px #2284a1; } | ||
| + | .nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; } | ||
| + | |||
| + | ul#subnavlist { display: none; } | ||
| + | ul#subnavlist li { float: none; } | ||
| + | |||
| + | ul#subnavlist li a | ||
| + | { | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | font-size:16px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist | ||
| + | { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | font-size: 8pt; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist li a | ||
| + | { | ||
| + | display: block; | ||
| + | width: 10em; | ||
| + | border: none; | ||
| + | padding: 2px; | ||
| + | padding-left: 10px; | ||
| + | padding-bottom: 5px; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | |||
| + | ul.nav-bar li:hover ul#subnavlist li a:before { content: " "; } | ||
| + | |||
| + | ul.nav-bar li a:active | ||
| + | { | ||
| + | color: #cccccc; | ||
| + | border: 1px #ffffff inset; | ||
| + | background: #2ba6cb; | ||
| + | border-color: #2284a1; | ||
| + | z-index:1000; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
<!-- Included CSS Files --> | <!-- Included CSS Files --> | ||
<link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" > | <link rel="stylesheet" href="http://kyleharrison.co.uk/css/igemMain.css" > | ||
| + | |||
| + | </head> | ||
<body> | <body> | ||
| Line 32: | Line 110: | ||
<!-- Navigation --> | <!-- Navigation --> | ||
| - | + | <ul class="nav-bar"> | |
| - | <li | + | <li id="active"><a href="/Team:Dundee">Home</a></li> |
| - | + | ||
| - | + | <li class="active"><a href="/Team:Dundee/Team" id="current">Team</a> | |
| - | <li><a href="/Team:Dundee/Parts">Parts</a></li> | + | <ul id="subnavlist"> |
| - | + | <li id="subactive"><a href="#" id="subcurrent">About Us</a></li> | |
| - | + | <li><a href="#">Team Information</a></li> | |
| - | + | <li><a href="#">Gallery</a></li> | |
| + | <li><a href="#">Acknowledgements</a></li> | ||
| + | <li><a href="#">Attributions</a></li> | ||
| + | <li><a href="/Team:Dundee/Team/Contact">Contact</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="/Team:Dundee/Project" id="current">Project</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Overview</a></li> | ||
| + | <li><a href="#">Data Page</a></li> | ||
| + | <li><a href="#">Lab</a></li> | ||
| + | <li><a href="#">Modelling</a></li> | ||
| + | <li><a href="#">Software</a></li> | ||
| + | <li><a href="#">Notebook</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="/Team:Dundee/Parts" id="current">Parts</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Our Biobricks</a></li> | ||
| + | <li><a href="#">Improvements</a></li> | ||
| + | <li><a href="#">In Development</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="/Team:Dundee/Safety" id="current">Safety</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">General Safety</a></li> | ||
| + | <li><a href="#">In The Lab</a></li> | ||
| + | <li><a href="#">Public Safety</a></li> | ||
| + | <li><a href="#">Enviroment</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="/Team:Dundee/HumanPractice" id="current">Human Practice</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Overview</a></li> | ||
| + | <li><a href="#">Media Channel</a></li> | ||
| + | <li><a href="#">Outreach</a></li> | ||
| + | <li><a href="#">Presentations</a></li> | ||
| + | <li><a href="#">Collaboration</a></li> | ||
| + | <li><a href="#">Comic</a></li> | ||
| + | <li><a href="#">Game</a></li> | ||
| + | <li><a href="#">Survey</a></li> | ||
| + | <li><a href="#">Blog</a></li> | ||
| + | </ul> | ||
| + | |||
| + | <li id="active"><a href="/Team:Dundee/Sponsors" id="current">Sponsors</a> | ||
| + | <ul id="subnavlist"> | ||
| + | <li id="subactive"><a href="#" id="subcurrent">Our Sponsors</a></li> | ||
| + | <li><a href="#">Sponsorship Levels</a></li> | ||
| + | <li><a href="#">Public Safety</a></li> | ||
| + | <li><a href="#">Enviroment</a></li> | ||
| + | </ul> | ||
</ul> | </ul> | ||
Revision as of 14:58, 14 June 2013
