Team:TU-Delft/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(160 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:TU-Delft/Templates/Style}}
 +
<html>
<html>
 +
<body>
<body>
-
<div id="header"><div class="centering"></div></div>
+
<div id="header"></div>
 +
 
<ul id="menu">
<ul id="menu">
<li><a href="https://2013.igem.org/Team:TU-Delft">Home</a></li>
<li><a href="https://2013.igem.org/Team:TU-Delft">Home</a></li>
<li>
<li>
-
<a href="#">Team</a>
+
<a href="https://2013.igem.org/Team:TU-Delft/Team">Team</a>
-
<ul>
+
           
-
<li><a href="#">Overview</a></li>
+
-
</ul>
+
</li>
</li>
-
<li><a href="#">Project</a></li>
+
     
-
<li><a href="#">Modeling</a></li>
+
-
        <li><a href="#">Notebook</a></li>
+
-
<li><a href="#">Safety</a></li>
+
-
        <li><a href="#">Attributions</a></li>
+
 +
<li><a href="https://2013.igem.org/Team:TU-Delft/Project">Project</a>
 +
            <ul>
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/ProjectOverview">Overview</a>
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/Sensing">Sensing Device</a></li> 
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/Peptides">Peptide Production</a></li>
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/PeptideCharacterization">Peptide Characterization</a></li>
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/Timer">Timer</a></li>   
 +
            <li><a href="https://2013.igem.org/Team:TU-Delft/Killswitch">Kill switch</a></li>                       
 +
<li><a href="https://2013.igem.org/Team:TU-Delft/FinalApplication">Band Aid Application</a></li>
 +
<li><a href="https://2013.igem.org/Team:TU-Delft/new_Standard">New Standard Approach</a></li>
 +
                     
-
</ul>
+
        </ul>
-
</body>
+
        </li>
-
<style>
+
                  <li><a href="https://2013.igem.org/Team:TU-Delft/Achievements">Achievements</a></li> 
-
#menu, #menu ul {
+
<li><a href="https://2013.igem.org/Team:TU-Delft/Notebook">Notebook</a>
-
margin: 0;
+
<ul>
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
#menu {
+
  <li><a
-
width: 960px;
+
                        href="https://2013.igem.org/Team:TU-Delft/Planning">Planning</a></li>
-
margin: 60px auto;
+
                       
-
border: 1px solid #222;
+
                        <li><a
-
background-color: #111;
+
                        href="https://2013.igem.org/Team:TU-Delft/Protocols">Protocols</a></li>
-
background-image: linear-gradient(#444, #111);
+
-
border-radius: 6px;
+
-
box-shadow: 0 1px 1px #777;
+
-
}
+
-
#menu:before,
+
-
#menu:after {
+
-
content: "";
+
-
display: table;
+
-
}
+
-
#menu:after {
+
</ul>
-
clear: both;
+
<li><a href="https://2013.igem.org/Team:TU-Delft/Parts">Parts</a></li>
-
}
+
-
#menu {
+
<li><a href="https://2013.igem.org/Team:TU-Delft/Modeling">Modeling</a>
-
zoom:1;
+
              <ul>
-
}
+
<li><a href="https://2013.igem.org/Team:TU-Delft/Timer_Plus_Sumo">Timer plus SUMO</a></li>
-
#menu li {
+
                        <li><a href="https://2013.igem.org/Team:TU-Delft/KillSwitch">Kill Switch</a></li>
-
float: left;
+
                        <li><a href="https://2013.igem.org/Team:TU-Delft/Timer-Sumo-KillSwitch">Timer-SUMO-Kill Switch</a></li>
-
border-right: 1px solid #222;
+
<li><a href="https://2013.igem.org/Team:TU-Delft/BandAid">Band Aid</a></li>
-
box-shadow: 1px 0 0 #444;
+
                        <li><a href="https://2013.igem.org/Team:TU-Delft/NovelPeptides">Novel Peptides</a></li>
-
position: relative;
+
-
}
+
-
#menu a {
+
</ul>
-
float: left;
+
-
padding: 12px 30px;
+
-
color: #999;
+
-
text-transform: uppercase;
+
-
font: bold 10px Arial, Helvetica;
+
-
text-decoration: none;
+
-
text-shadow: 0 1px 0 #000;
+
-
}
+
-
#menu li:hover > a {
 
-
color: #fafafa;
 
-
}
 
-
*html #menu li a:hover { /* IE6 only */
+
        </li>
-
color: #fafafa;
+
-
}
+
-
</style>
+
-
<style>
+
-
#menu ul {
+
-
margin: 20px 0 0 0;
+
-
_margin: 0; /*IE6 only*/
+
-
opacity: 0;
+
-
visibility: hidden;
+
-
position: absolute;
+
-
top: 38px;
+
-
left: 0;
+
-
z-index: 1;   
+
-
background: #444;
+
-
background: linear-gradient(#444, #111);
+
-
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
+
-
border-radius: 3px;
+
-
transition: all .2s ease-in-out; 
+
-
}
+
-
#menu li:hover > ul {
+
       
-
opacity: 1;
+
        <li><a href="https://2013.igem.org/Team:TU-Delft/Safety">Safety</a></li>             
-
visibility: visible;
+
       
-
margin: 0;
+
        <li><a href="https://2013.igem.org/Team:TU-Delft/human practice">Human Practice</a>
-
}
+
                <ul>
 +
<li><a href="https://2013.igem.org/Team:TU-Delft/novel_approach">Novel Approach</a></li>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/BandAidSelection">BandAid</a></li>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/Zephyr"> Zephyr  </a>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/Zephyr_How"> Zephyr: How? </a>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/SynBioData">Wiki Interviews</a></li>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/Meet_with_RIVM">Meeting with RIVM</a></li>
 +
                        <li><a href="https://2013.igem.org/Team:TU-Delft/Summer Festival">Human Outreach</a></li>
 +
                       
 +
                </ul>
 +
        </li> 
-
#menu ul ul {
+
                       
-
top: 0;
+
-
left: 150px;
+
-
margin: 0 0 0 20px;
+
-
_margin: 0; /*IE6 only*/
+
-
box-shadow: -1px 0 0 rgba(255,255,255,.3);
+
-
}
+
-
#menu ul li {
+
        <li><a href="https://2013.igem.org/Team:TU-Delft/Extras">Extras</a>
-
float: none;
+
        <ul>
-
display: block;
+
-
border: 0;
+
-
_line-height: 0; /*IE6 only*/
+
-
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
+
-
}
+
-
#menu ul li:last-child { 
 
-
box-shadow: none;   
 
-
}
 
-
#menu ul a {   
+
            <li><a href="https://2013.igem.org/Http://2013.igem.org/Team:TU-Delft/Acknowledgements">Acknowledgements</a> </li>     
-
padding: 10px;
+
              <li><a href="https://2013.igem.org/Team:TU-Delft/Collaborations">Collaborations</a></li>
-
width: 130px;
+
<li><a href="https://2013.igem.org/Team:TU-Delft/PR">PR</a> </li>     
-
_height: 10px; /*IE6 only*/
+
    <li><a href="https://2013.igem.org/Team:TU-Delft/iGemNetherlandsCollaboration">iGEM Netherlands</a></li>
-
display: block;
+
              <li><a href="https://2013.igem.org/Team:TU-Delft/MeetChristopherVoigt">Meet with Christopher Voigt</a></li> 
-
white-space: nowrap;
+
              <li><a href="https://2013.igem.org/Team:TU-Delft/Gallery">Photo Gallery</a></li>               
-
float: none;
+
              <li><a href="https://2013.igem.org/Team:TU-Delft/Brainstorm">Brainstorm</a></li>             
-
text-transform: none;
+
        </ul>
-
}
+
        </li>
 +
                         
 +
</ul>
-
#menu ul a:hover {
 
-
background-color: #0186ba;
 
-
background-image: linear-gradient(#04acec, #0186ba);
 
-
}
 
-
</style>
 
</html>
</html>

Latest revision as of 23:14, 28 October 2013

Retrieved from "http://2013.igem.org/Team:TU-Delft/Templates/Navigation"