|
|
| 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>
| + | |
"
