Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 23: Line 23:
<body>
<body>
<div class="expand-down">
<div class="expand-down">
-
<ul>
+
<ul id="navigation">
   <li>
   <li>
     <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
     <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" />
       <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
  <span>Home</span>
  <span>Home</span>
 +
     </a>
     </a>
   </li>
   </li>
-
   <li>
+
   <li class="sub">
     <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
     <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" />
+
                <ul>
-
      <span>Team</span>
+
<li><a href="#">about us</a></li>
 +
<li><a href="#">official team profile</a></li>
 +
</ul>
 +
       <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" />
     </a>
     </a>
   </li>
   </li>
-
   <li>
+
   <li class="sub">
     <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
     <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" />
       <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
Line 42: Line 46:
     </a>
     </a>
   </li>
   </li>
-
   <li>
+
   <li class="sub">
     <a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
     <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" />
       <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
Line 48: Line 52:
     </a>
     </a>
   </li>
   </li>
-
   <li>
+
   <li class="sub">
     <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
     <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" />
       <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
Line 102: Line 106:
</script>
</script>
</body>
</body>
 +
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
font: 90% Arial, sans-serif;
 +
}
 +
 +
#navigation {
 +
margin: 0;
 +
padding: 0 0em;
 +
height: 2em;
 +
list-style: none;
 +
}
 +
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.3em;
 +
padding: 0 1em;
 +
}
 +
 +
#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: 12em;
 +
margin: 0;
 +
padding: 0.1em 0;
 +
list-style: none;
 +
background: #000;
 +
position: absolute;
 +
top: -1000em;
 +
}
 +
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
margin: 0 auto 0.3em auto;
 +
}
 +
 +
#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>
</html>
</html>

Revision as of 12:40, 10 August 2012




    Our sponsors: