|
|
Line 1: |
Line 1: |
- | [[Image:Untitled-1.jpg|center]]<br>
| + | delete |
- | <div style="padding: 15px; color: #ffffff; background-color: #649CD7; width: 935px">
| + | |
- | <center>
| + | |
- | [[Team:Paris | <font face="trebuchet ms" style="color:#ffffff"> '''Home''' </font>]]
| + | |
- | [[Team:Paris/Team | <font face="trebuchet ms" style="color:#ffffff"> '''The Team''' </font>]]
| + | |
- | [[Team:Paris/Project | <font face="trebuchet ms" style="color:#ffffff"> '''The Project''' </font>]]
| + | |
- | [[Team:Paris/Parts | <font face="trebuchet ms" style="color:#ffffff"> '''Parts Submitted to the Registry''' </font>]]
| + | |
- | [[Team:Paris/Modeling | <font face="trebuchet ms" style="color:#ffffff"> '''Modeling''' </font>]]
| + | |
- | [[Team:Paris/Notebook | <font face="trebuchet ms" style="color:#ffffff"> '''Notebook''' </font>]]
| + | |
- | [http://www.igem-paris.org <font face="trebuchet ms" style="color:#ffffff"> '''Our website'''</font>]
| + | |
- | </center>
| + | |
- | </div><br>
| + | |
- | | + | |
- | | + | |
- | [[Image:panoramique.jpg|960px]]
| + | |
- | <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 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 16px;
| + | |
- | background-color: #649cd7;
| + | |
- | color: #FFF;
| + | |
- | text-align: center;
| + | |
- | text-decoration: none; /* purpose: remove underline from a */
| + | |
- | font: bold 13px arial;
| + | |
- | }
| + | |
- | | + | |
- | #nav li a:hover {
| + | |
- | background-color: #d4e2ef;
| + | |
- | 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 #5970B2;
| + | |
- | 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: #d4e2ef;
| + | |
- | 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://student.kuleuven.be/~s0173901/scripts/jquery.js"></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', '#d4e2ef')},
| + | |
- | 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://2008.igem.org/Team:Paris">Home</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>The Team</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Team">Presentation</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Team/Students">Students</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Team/Instructors">Instructors</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Team/Adisors">Advisors</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>The Project</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Project">Summary</a>
| + | |
- | <span>
| + | |
- | <a>The Modules</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Project/Oscillations">Oscillations</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Project/FIFO">FIFO</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Project/Synchronization">Synchronization</a>
| + | |
- | </div>
| + | |
- | </span>
| + | |
- | <a href="https://static.igem.org/mediawiki/2008/7/78/IGEM_Paris_2008_project.pdf">More...</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>Parts Submitted to the Registry</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Parts">Parts</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>Modeling</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Modeling">Modeling</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Modeling/Roadmap">Roadmap</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Modeling/Bibliography">Bibliography</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Modeling/Programs">Our Programs</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Modeling#Estimation_of_parameters">Parameters</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>Notebook</a>
| + | |
- | <div>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Notebook">Calendar</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Notebook/Freezer">Freezer</a>
| + | |
- | <a href="https://2008.igem.org/Team:Paris/Notebook/Oligo">Oligos</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a>Links</a>
| + | |
- | <div>
| + | |
- | <a href="http://igem-paris.org">iGEM Paris</a>
| + | |
- | <a href="http://biosynthetique.free.fr/">SynBioSys</a>
| + | |
- | | + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </html>
| + | |