Team:Paris/testpage
From 2008.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Paris/Menu2}} | {{Paris/Menu2}} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | [[Team:Paris/ | + | [[Image:Untitled-1.jpg|center]]<br> |
+ | <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> | ||
+ | |||
+ | <html> | ||
+ | <a href="http://www4.clustrmaps.com/counter/maps.php?url=https://2008.igem.org/Team:Paris" id="clustrMapsLink"><img src="http://www4.clustrmaps.com/counter/index2.php?url=https://2008.igem.org/Team:Paris" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" /> | ||
+ | </a> | ||
+ | </html> |
Latest revision as of 13:23, 7 August 2008
Home The Team The Project Parts Submitted to the Registry Modeling Notebook [http://www.igem-paris.org Our website]