Team:IBB Pune/Links

From 2009.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> #nav, #nav ul { position: relative; margin: 0 auto; - →purpose: allow centering ul table: padding: 0; display: table /* purpose: ul doesn't str...)
(Replacing page with '{{Team:IBB_Pune/header}} {{Team:IBB_Pune/menu}}')
 
Line 1: Line 1:
-
<html>
+
{{Team:IBB_Pune/header}}
-
<style type="text/css">
+
{{Team:IBB_Pune/menu}}
-
#nav, #nav ul {
+
-
position: relative;
+
-
margin: 0 auto; /* purpose: allow centering ul table */
+
-
padding: 0;
+
-
display: table /* purpose: ul doesn't stretch width 100% */
+
-
}
+
-
 
+
-
#nav li {
+
-
display: table-cell; /* purpose: li behaves like table-cell */
+
-
position: relative; /* purpose: non-overlap li elements in ul */
+
-
list-style: none; /* purpose: remove default html list-style */
+
-
}
+
-
 
+
-
#nav li a {
+
-
display: block; /* purpose: non-overlap div on a */
+
-
margin: 0 1px 0 0; /* purpose: spacing main menu items */
+
-
padding: 4px 59px;
+
-
background-color: #336633;
+
-
color: #FFF;
+
-
text-align: right;
+
-
text-decoration: none; /* purpose: remove underline from a */
+
-
font: bold 13px arial;
+
-
}
+
-
 
+
-
#nav li a:hover {
+
-
background-color: #00CC33;
+
-
color: black;
+
-
}
+
-
 
+
-
#nav div {
+
-
position: absolute; /* purpose: li of div doesn't spread out */
+
-
display: none;
+
-
width: 10em;
+
-
opacity: 0.8;
+
-
filter: alpha(opacity=80);
+
-
border: 1px solid #28B095;
+
-
background: #EAEBD8;
+
-
}
+
-
 
+
-
#nav span a, #nav div a {
+
-
position: relative;
+
-
display: block; /* purpose: a's in div have same width */
+
-
margin: 0;
+
-
padding: 5px 10px;
+
-
text-align: left;
+
-
font: 11px arial;
+
-
}
+
-
+
-
#nav span a:hover, #nav div a:hover {
+
-
background-color: #00CC33;
+
-
color: #000;
+
-
}
+
-
 
+
-
#nav span div {
+
-
position: relative;
+
-
margin: 0;
+
-
border: none; /* purpose: reset border to none */
+
-
border-top: 1px solid #5970B2; /* purpose: add a seperator */
+
-
border-bottom: 1px solid #5970B2; /* purpose: add a seperator */
+
-
opacity: 1.0; /* purpose: opacity already 0.8 by #nav div */
+
-
filter: alpha(opacity=100); /* purpose: opacity already 80 by #nav div */
+
-
}
+
-
+
-
#nav span div a {
+
-
text-indent: 10px;
+
-
}
+
-
+
-
#nav span div span div a {
+
-
text-indent: 20px;
+
-
}
+
-
 
+
-
#nav .expand {
+
-
background-image: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png');
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
 
+
-
#nav .collapse {
+
-
background-image: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png');
+
-
background-repeat: no-repeat;
+
-
background-position: 95% 50%;
+
-
}
+
-
</style>
+
-
 
+
-
<script type="text/javascript" src="http://www.kuleuven.be/bioscenter/igem/js/jquery.js"></script>
+
-
 
+
-
<script type="text/javascript">
+
-
function toggleElement(layer){
+
-
var myLayer = document.getElementById(layer);
+
-
if(myLayer.style.display=="none"){
+
-
myLayer.style.display="block";
+
-
myLayer.backgroundPosition="top";
+
-
} else {
+
-
myLayer.style.display="none";
+
-
}
+
-
}
+
-
</script>
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
function ddmsie() {
+
-
$("#nav ul").css('display', 'inline-block');
+
-
$("#nav li").css('display', 'inline');
+
-
$("#nav a").css('display', 'inline-block');
+
-
$("#nav a").hover(function () {$(this).css('background-color', '#252025')},
+
-
function () {$(this).css('background-color', '#649cd7')});
+
-
$("#nav div a").css('display', 'block');
+
-
$("#nav div").css('left', '0');
+
-
$("#nav div").css('top', '100%');
+
-
$("#nav span div").css('top', '0');
+
-
}
+
-
 
+
-
function ddmozilla() {
+
-
+
-
}
+
-
+
-
function ddnav() {
+
-
$("#nav li").hover(
+
-
function () {
+
-
$(this).find("div:first").css('display', 'inline');},
+
-
function () {
+
-
$(this).find("div:first").css('display', 'none');}
+
-
);
+
-
+
-
$("#nav span > a").toggle(
+
-
function () {
+
-
$(this).removeClass("#nav expand").addClass("#nav collapse");
+
-
$(this).css('background-color', '#99AAFF');
+
-
$(this).parent().find("div:first").css('display', 'block');},
+
-
function () {
+
-
$(this).removeClass("#nav collapse").addClass("#nav expand");
+
-
$(this).hover(
+
-
function () {
+
-
$(this).css('background-color', '#d4e2ef');},
+
-
function () {
+
-
$(this).css('background-color', '#649cd7');}
+
-
);
+
-
$(this).parent().find("div:first").css('display', 'none');
+
-
}
+
-
).addClass("#nav expand");
+
-
}
+
-
 
+
-
$(function () {
+
-
if(jQuery.browser.msie) ddmsie();
+
-
if(jQuery.browser.mozilla) ddmozilla();
+
-
ddnav();
+
-
});
+
-
</script>
+
-
<div align="center" id="nav">
+
-
<ul>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:IBB_Pune">home</a></li>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:IBB_Pune/Team">team</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/Team">Meet the Team</a>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/sponsors">Sponsors</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:IBB_Pune/Project">project</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/Project">Summary</a>
+
-
<span><a>Details</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/SNOWDRIFT">project1</a>
+
-
<a href="https://2009.igem.org/Turing_machines"> project2</a>
+
-
                <a href="https://2009.igem.org/Team:IBB_Pune/project/project3">project3</a>
+
-
                <a href="https://2009.igem.org/Team:IBB_Pune/project/systems together">master plan</a>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/project/Results">results</a>
+
-
</div>
+
-
</span>
+
-
        <a href="https://2009.igem.org/Team:IBB_Pune/Modeling">Modeling</a>
+
-
<span><a>Related</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/Applications">Applications</a>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/history">history</a>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/reference lit">Reading</a>
+
-
</div>
+
-
</span>
+
-
</div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2008.igem.org/Team:ESBS-Strasbourg/Project">misc</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/Links">Links</a>
+
-
        <a href="https://2009.igem.org/Team:IBB_Pune/Protocols">Protocols</a>
+
-
      </div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:IBB_Pune/Parts">parts</a>
+
-
<div>
+
-
<a href="https://2009.igem.org/Team:IBB_Pune/Parts">Submitted Parts</a>
+
-
<a href="#">Sandbox</a>
+
-
</div>
+
-
</li>
+
-
 
+
-
 
+
-
<li><a href="https://2009.igem.org/Team:IBB_Pune/Notebook">notebook</a>
+
-
 
+
-
 
+
-
</ul>
+
-
</div>
+
-
</html>
+

Latest revision as of 05:49, 13 July 2009




Retrieved from "http://2009.igem.org/Team:IBB_Pune/Links"