Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<title>Menu</title>
<title>Menu</title>
 +
<style type="text/css">
<style type="text/css">
-
#menu, #menu ul {
+
 
-
list-style:none;
+
#centeredmenu_bg{
-
padding:0;
+
position:fixed;
-
margin:0;
+
top:0px;
-
}
+
background:#ffffff; /* the white line behind the main menu*/
-
#menu li {
+
left:0px;
-
float:left;
+
width:100%;
-
position:relative;
+
height:70px;
-
line-height: 4.5em;
+
z-index:999;
-
width: 10em;
+
-
}
+
-
#menu li ul {
+
-
position:absolute;
+
-
margin-top:-1em;
+
-
margin-left:.5em;
+
-
display:none;
+
-
}
+
-
#menu ul li ul {
+
-
margin-top:-3em;
+
-
margin-left:7em;
+
}
}
-
#menu a {
+
#navLaksh {
-
display:block;
+
-
border-right:1px solid #fff;
+
-
background:#E0F574;
+
-
color:#3B3B3B;
+
-
text-decoration:none;
+
-
padding:0 10px;
+
-
}
+
-
#menu a:hover {
+
-
background-color:#5798B4;
+
-
color:#fff;
+
-
}
+
-
#menu ul {
+
-
border-top:1px solid #fff;
+
-
}
+
-
#menu ul a {
+
-
border-right:none;
+
-
border-right:1px solid #fff;
+
-
border-bottom:1px solid #fff;
+
-
border-left:1px solid #fff;
+
-
background:#AEC245;
+
-
}
+
 +
position:fixed;
 +
width:850px;
 +
top:15px;
 +
left:40%;
 +
right:60%;
 +
margin: 0 0 0 -230px;
 +
z-index:1001;
 +
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size:14px;
 +
/*letter-spacing:1px;*/
 +
text-transform:uppercase;
-
/* SHOW SUBMENU 1 */
 
-
#menu li:hover ul, #menu li.over ul {
 
-
display:block;
 
-
}
 
-
#menu li:hover ul ul, #menu li.over ul ul {
 
-
display:none;
 
-
}
 
-
/* SHOW SUBMENU 2 */
 
-
#menu ul li:hover ul, #menu ul li.over ul {
 
-
display:block;
 
}
}
 +
 +
    #navLaksh li {
 +
 +
            float: left;
 +
            padding-right:0.5cm;
 +
              }
 +
 +
        #navLaksh li:hover { position: relative }
 +
        #navLaksh li:hover > a {
 +
            background: #FFFFFF; 
 +
               
 +
        }
 +
            #navLaksh li.sub:hover > a {
 +
            box-shadow: 5px 5px 25px #000;
 +
            -moz-box-shadow: 5px 5px 25px #000;
 +
            -webkit-box-shadow: 5px 5px 25px #000;     
 +
            }
 +
 +
            #navLaksh li a {
 +
                color: #000000;
 +
                font-weight: bold;
 +
                text-decoration: none;
 +
                padding: 12px;
 +
                display: block;
 +
            }
 +
                #navLaksh li a:hover { background-color: #FFFFFF; }       
 +
                   
 +
    #navLaksh li ul {
 +
        background: #fff;
 +
        margin-top: -2px;
 +
        display: none; 
 +
    }
 +
        #navLaksh li:hover ul {
 +
            display:block;
 +
            position:absolute;
 +
        }
 +
 +
        #navLaksh li ul {
 +
 +
            background: rgba(255,255,255,1);
 +
            padding: 10px 5px;
 +
           
 +
            box-shadow: 5px 5px 25px #000;
 +
            -moz-box-shadow: 5px 5px 25px #000;
 +
            -webkit-box-shadow: 5px 5px 25px #000;
 +
   
 +
            border-radius: 10px;
 +
            -moz-border-radius: 10px;
 +
            -webkit-border-radius: 10px; 
 +
 +
        }
 +
            #navLaksh li ul li a, #navLaksh li ul li a:hover {
 +
 +
                background: solid;
 +
                color: #000;
 +
                width: 150px;
 +
                font-size: 0.95em;
 +
                font-weight: normal;
 +
            }
 +
                #navLaksh li ul li a:hover { text-decoration: underline;
 +
          box-shadow: 5px 5px 25px #000;
 +
            -moz-box-shadow: 5px 5px 25px #000;
 +
            -webkit-box-shadow: 5px 5px 25px #000;
 +
   
 +
            border-radius: 10px;
 +
            -moz-border-radius: 10px;
 +
            -webkit-border-radius: 10px;
 +
               
 +
                }
 +
 +
 +
</style>
</style>
-
<body>
 
-
<ul id="menu">
+
 
-
<li><a href="#" title="Homepage" class="selected">Homepage</a></li>
+
<body>
-
<li><a href="#" title="About us">About us</a></li>
+
 
-
<li><a href="#" title="Projects">Projects</a>
+
-
<ul>
+
<div id="centeredmenu_bg"></div>
-
<li><a href="#" title="Older projects">Older projects</a>
+
<ul id="navLaksh">
 +
 
 +
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li>
 +
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/Team2">Team</a></li>
 +
 
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/overview">Wetlab</a>
<ul>
<ul>
-
<li><a href="#" title="2003 projects">2003 projects</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/overview" style="left">Overview</a></li>
-
<li><a href="#" title="2004 projects">2004 projects</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/part1" style="left">Receptor</a></li>
-
<li><a href="#" title="2005 projects">2005 projects</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/part2" style="left">Reporter</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/part3" style="left">Snifferomyces</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/protocols" style="left">Protocols</a></li>
 +
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Snifferometer" style="left">Sniffer-o-meter</a></li>
 +
<li><a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2012&group=TU-Delft" style="left" target="_blank">Biobricks</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/receptordesign" style="left">DIY Receptor Design</a></li>
 +
 +
 
 +
 
</ul>
</ul>
</li>
</li>
-
<li><a href="#" title="Active projects">Active projects</a>
+
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/Modeling">Modeling</a>
<ul>
<ul>
-
<li><a href="#" title="Leaf industries">Leaf industries</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/Modeling" style="left">Overview</a></li>
-
<li><a href="#" title="Omnicron">Omnicron</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/Modeling/StructuralModeling" style="left">Structural Model</a></li>
-
<li><a href="#" title="Unkown.com">Unkown.com</a></li>
+
<li><a href="https://2012.igem.org/Team:TU-Delft/Modeling/SingleCellModel" style="left">Single Cell Pathway Model</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Analysis" style="left">Pathway Model Analysis</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Modeling/Diffusion" style="left">Diffusion Model</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Modeling/StochasticSensitivitySpecificityAnalysis" style="left">Sensitivity-Specificity Analysis</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/informationtheory" style="left" target="_blank">Information Processing Model </a></li>
 +
 
 +
</ul>
 +
</li>
 +
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/Notebook">Notebook</a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Notebook" style="left">Week Diary</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/brainstorming" style="left">Brainstorming</a></li>
</ul>
</ul>
</li>
</li>
 +
 +
 +
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/HP">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/HumanOutreach" style="left">Human Outreach</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/HP">Human Practice</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Publicity" style="left">Publicity</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Games" style="left">Games</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Ethics" style="left">Ethics</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Safety" style="left">Safety</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
<li class="off"><a>More</a>
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/crowdfunding" style="left">Crowdfunding</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Acknowledgements" style="left">Acknowledgments</a></li> <!--https://2012.igem.org/Team:TU-Delft/Achievements-->
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/Collaboration" style="left">Collaboration</a></li>
 +
<li><a href="https://2012.igem.org/Team:TU-Delft/achievements" style="left">Achievements</a></li>
 +
</ul>
 +
</li>
 +
 +
 +
<li class="off"><a href="https://2012.igem.org/Team:TU-Delft/Contact" style="left">Contact</a></li>
 +
 +
 +
</ul>
</ul>
-
</li>
+
 
-
<li><a href="#" title="Contact">Contact</a></li>
+
-
</ul>
+
-
</center>
+
</body></html>
</body></html>

Latest revision as of 03:10, 27 October 2012

Menu