Team:Groningen/DesignTest2
From 2012.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
+ | |||
+ | |||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> | ||
+ | |||
<script type="text/javascript" src="js/prototype.js"></script> | <script type="text/javascript" src="js/prototype.js"></script> | ||
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | ||
<script type="text/javascript" src="js/lightbox.js"></script> | <script type="text/javascript" src="js/lightbox.js"></script> | ||
- | <link rel="stylesheet"href="https://2012.igem.org/Team:Groningen/ | + | |
+ | <head> | ||
+ | <script src="http://code.jquery.com/jquery-latest.js"></script> | ||
+ | <style> | ||
+ | div.cogbig{ | ||
+ | position:absolute; | ||
+ | padding: 0px; | ||
+ | margin: 0px 0px; | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); | ||
+ | z-index:-1; | ||
+ | } | ||
+ | #arm{ | ||
+ | width:120px; | ||
+ | height:104px; | ||
+ | position:absolute; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #img1{ | ||
+ | width:120px; | ||
+ | height:104px; | ||
+ | position:absolute; | ||
+ | z-index:10; | ||
+ | left:-20px; | ||
+ | top:-35px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> | ||
+ | <link rel="stylesheet"href="https://2012.igem.org/Team:Groningen/style.css?action=raw&ctype=text/css"/> | ||
</html> | </html> | ||
<html> | <html> | ||
- | < | + | <body> |
- | # | + | <div class="expand-down"> |
- | + | <ul id="navigation"> | |
- | + | <li class="sub"> | |
- | + | <div class="cogbig"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | |
- | + | </div> | |
- | + | <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" /> | |
- | + | <span>home</span> | |
- | } | + | </a> |
- | </ | + | </li> |
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" width="74" height="72" /> | ||
+ | <span>team</span> | ||
+ | <ul> | ||
+ | <li><a href="#">about us</a></li> | ||
+ | <li><a href="#">official team profile</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" /> | ||
+ | <span>project</span> | ||
+ | <ul> | ||
+ | <li><a href="#">description</a></li> | ||
+ | <li><a href="#">wetwork</a></li> | ||
+ | <li><a href="#">modeling</a></li> | ||
+ | <li><a href="#">notebook</a></li> | ||
+ | <li><a href="#">attributions</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" /> | ||
+ | <span>parts</span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" /> | ||
+ | <span>safety</span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" /> | ||
+ | <span>public<br>relations</span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub"> | ||
+ | <div class="cogbig"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" /> | ||
+ | <span>sponsors</span> | ||
+ | </a> | ||
+ | |||
+ | <script> | ||
+ | var angle = 0; | ||
+ | setInterval(function(){ | ||
+ | angle-=3; //rotation - and + | ||
+ | $("#img1").rotate(angle); | ||
+ | },50); | ||
+ | </script> | ||
+ | <img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" /> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | <html> | ||
<head> | <head> | ||
+ | <style> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font: 90% Arial, sans-serif; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | margin: 0; | ||
+ | padding: 0 0em; | ||
+ | height: 20px; | ||
+ | list-style: none; | ||
+ | display:block; | ||
+ | font-size:12px; | ||
+ | color:#fff; | ||
+ | z-index:2; | ||
+ | } | ||
+ | |||
+ | #navigation > li { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | margin-right: 40px; | ||
+ | left:0px; | ||
+ | padding: 0 0em; | ||
+ | } | ||
+ | |||
+ | #navigation > li > a { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | color: #00; | ||
+ | text-decoration: none; | ||
+ | line-height: 3; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | #navigation > li > a:hover { | ||
+ | color: Black; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul { | ||
+ | width: 120px; | ||
+ | margin: 0; | ||
+ | padding: 0.1em 0; | ||
+ | list-style: none; | ||
+ | background: #000; | ||
+ | position: absolute; | ||
+ | top: -1000em; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li { | ||
+ | width: 90%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li a { | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | padding: 0.4em; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #navigation > li.sub ul li a:hover { | ||
+ | background: #c60; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub:hover ul { | ||
+ | top: 2em; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | {{Template:SponsorsGroningen2012}} |
Revision as of 00:02, 16 August 2012