Template:Team:Paris Saclay/default header

From 2014.igem.org

(Difference between revisions)

@@ Line 1: / Line 1: @@
 <html><!-- ################################# END HEADER ################################## -->
-<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Nobile' rel='stylesheet' type='text/css'>
      <style>
          * {-webkit-font-smoothing:antialiased;}
@@ Line 8: / Line 11: @@
          #content {padding: 0px; border: 0px none;width: 80%; min-width:940px; margin: 0 auto;box-shadow: 0 0 3px #000;font-size:15px;line-height:25px;}
          #content > h1, #contentSub, #top-section #p-logo, #footer-box, #catlinks {display: none;}
-         #top-section {height: auto;border: 0px none;width:80%;}
+         #top-section {height: auto;border: 0px none;width:80%; top:-20px;}
+        #search-controls {top:190px;}
+        #searchGoButton{display:none;}
          #menubar {top: 0;}
          #menubar ul {padding: 0px;}
          #menubar * {margin: 0px; background-color: transparent;color: gray;}
-        #search-controls {top:70px;}
          #bodyContent {background: url(https://static.igem.org/mediawiki/2014/1/18/Paris_Saclay_wiki-content-bg.jpg); background-size: 100%; width:100%;padding-bottom: 1px;}
          #bodyContent .pure-menu li a {padding:5px 15px;}
@@ Line 24: / Line 28: @@
          a:hover {text-decoration:none;}
          p{line-height:25px;}
-         h1 {/*position: absolute;top:230px;*/text-align: center;width:100%;left:0;font-size:48px;font-family: 'Poiret One', cursive;border:0;}
+         h1 {text-align: right;width:100%;left:0;font-size:48px;font-family: 'Lobster', cursive;border:0; line-height:55px; margin-bottom:0;}
          h2 {margin-bottom:10px;font-size:24px;line-height:34px;font-style:italic;}
          h3 {font-size:20px;font-style:italic;}
          h4 {font-size:16px;font-style:italic;}
          h5 { }
+        .cleanhr {clear:both; height:0;}
+        .branche {position: absolute; left:0;z-index: 0;}
-         #toc, .toc {position:absolute;background: transparent;position: absolute;width:20%;left:20px;top:400px;background: transparent;}
+         #toc, .toc {position:absolute;background: transparent;position: absolute;width:20%;left:20px;top:550px;background: transparent; display:none;}
          #toc ul ul, .toc ul ul {margin:0;}
-         #headerps {background: url(https://static.igem.org/mediawiki/2014/4/4d/Paris_Saclay_wiki-header.jpg);}
+         #headerps {background: url(https://static.igem.org/mediawiki/2014/4/4d/Paris_Saclay_wiki-header.jpg); min-height: 50px;}
-         #menups {background:url(https://static.igem.org/mediawiki/2014/f/fd/Paris_Saclay_wiki-menu-center.png) repeat-x; width: 100%; height: 78px; border: 0;position:absolute;}
+         #headerps a {display: block; width:150px; margin: 0 auto;}
+        #headerps a img {height: 150px; margin: 5px auto;}
+        .menups {background:url(https://static.igem.org/mediawiki/2014/f/fd/Paris_Saclay_wiki-menu-center.png) repeat-x; width: 100%; height: 78px; border: 0;position:absolute;z-index: 9999;}
          #menups > span:nth-child(1) { position: absolute; left: -75px;}
          #menups > span:nth-child(2) { position: absolute; right: -74px;}
          #menups > ul {display: inline-block;zoom: 1;vertical-align: middle;left: 0;top: 0;visibility: visible;position:relativelist-style: none;margin: 0;padding: 0;}
-         #menups > ul > li {display: inline-block;zoom: 1;vertical-align: middle;position:relative}
+         #menups > ul > li {display: inline-block;zoom: 1;position:relative; height:57px;}
-         #menups > ul > li > a {padding:0 10px;display: block;text-decoration: none;border:0;color: #e9e9d6;font-family: 'Poiret One', cursive;font-size: 1.7em;}
+         #menups > ul > li > a {padding:15px 15px;display: block;text-decoration: none;border:0;color: #e9e9d6;font-family: 'Lobster', cursive;font-size: 1.7em;}
+        #menups > ul > li:hover > ul, #menups > ul > li > ul:hover {display: block;}
+        #menups > ul > li > ul {display: none; position: absolute; background:rgba(86, 121, 113, .66);top:49px;left:-20px;min-width:140px;z-index: 9997;}
+        #menups > ul > li > ul > li {list-style: none; padding:5px 10px;white-space: nowrap;}
+        #menups > ul > li > ul > li:hover {background: rgba(255, 255, 255, .56)}
+        #menups > ul > li > ul > li > a { color:#e9e9d6; font-family: 'Lobster', cursive; font-size: 1.3em;margin-top:16px;}
+        #menups > ul > li > ul > li:hover > a {color: #453b27;}
-         #submenups {position: absolute; width:15%; left:2%; padding:2%; background:rgba(255, 255, 255, .46);}
+         .submenups {position: absolute; width:15%; left:2%; padding:1% 2%; background:rgba(255, 255, 255, .46); font-family: 'Lato', sans-serif;}
-         #submenups > ul > li {padding:5px;}
+         #submenups ul li {padding:5px;}
-         #submenups > ul > li:hover {background:rgba(255, 255, 255, .46);}
+         #submenups ul li:hover {background:rgba(255, 255, 255, .46);}
+        #submenups ul ul {padding: 0 0 10px 10px;}
          #submenups > ul > li > a {}
          #submenups ul {margin:0; list-style:none;}
          #submenups ul ul li {margin:5px;}
+        #submenups > ul > li:nth-child(1) { text-align: center; background: 0;}
          #footerps {margin: 2% 2% 2% 23%;width: 75%;}
+        .fixedmenups {position: fixed;top: 0;width: 80%;min-width: 940px;}
+        .fixedsubmenups {z-index: 9998;position: fixed;width: 11%;left: 12%;top:75px;}
+        .invisible {display:none;}
      </style>
     <!-- Google Analytics -->
@@ Line 58: / Line 80: @@
    ga('send', 'pageview');
 </script>
-<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
      <!-- MathJax (LaTeX for the web) -->
@@ Line 71: / Line 91: @@
      </script>
      <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-    <!--<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css"> -->
-     <div id="headerps"><a href="https://2014.igem.org/Team:Paris_Saclay" alt="iGEM Paris Saclay 2014"><img src="https://static.igem.org/mediawiki/2014/4/4d/Paris_Saclay_wiki-header.jpg"></a></div>
+    <!-- Menu -->
+    <script>
+    $(document).ready(function(){
+        var nav = $("#menups");
+        var sub = $("#submenups");
+        $(window).scroll(function () {
+            if ($(this).scrollTop() > 180) {
+                nav.addClass("fixedmenups");
+            } else {
+                nav.removeClass("fixedmenups");
+            }
+            if ($(this).scrollTop() > 215) {
+                sub.addClass("fixedsubmenups");
+            } else {
+                sub.removeClass("fixedsubmenups");
+            }
+        });
+    });
+    </script>
+     <div id="headerps"><a href="https://2014.igem.org/Team:Paris_Saclay" alt="iGEM Paris Saclay 2014"><img src="https://static.igem.org/mediawiki/2014/9/9b/Paris_Saclay_logo-igem-paris-saclay.png"></a></div>
-     <div id="menups">
+     <div id="menups" class="menups">
          <span><img src="https://static.igem.org/mediawiki/2014/9/9b/Paris_Saclay_wiki-menu-left.png"></span>
          <span><img src="https://static.igem.org/mediawiki/2014/5/5f/Paris_Saclay_wiki-menu-right.png"></span>
@@ Line 84: / Line 123: @@
          <ul>
              <li><a href="https://2014.igem.org/Team:Paris_Saclay">Home</a></li>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Team">Team</a></li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Team">Team</a>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Project">Project</a></li>
+<ul>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling">Modeling</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Team">Presentation</a></li>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Labwork">Labwork</a></li>
+<li><a href="https://igem.org/Team.cgi?year=2014&team_name=Paris_Saclay">Official Profile</a></li>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics">Ethics</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Attributions">Attributions</a></li>
-             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Human_Practice">Human Practice</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Team/Sponsor">Sponsors</a></li>
+</ul>
+            </li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Project">Project</a>
+<ul>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Inspirations">Inspirations</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Fastlemon">Fastlemon</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Odor-free_ecoli">Remove the bad smell of E.coli</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Lemon_Scent">Lemon Scent</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Salicylate_Inducible_System">Lemon Ripening</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Lemon_Shaping">Lemon Shaping</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Boston_Installation">Boston Installation</a></li>
+</ul>
+            </li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling">Modeling</a>
+<ul>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling/oxygen_diffusion">Oxygen Diffusion</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling/bacterial_Growth">Bacterial Growth</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling/Fusion_Proteine">Fusion Protein</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Modeling/odor">Odor</a></li>
+</ul>
+            </li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Labwork">Labwork</a>
+<ul>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Notebook">Notebook</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Parts">Parts</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Protocols">Protocols</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Safety">Safety</a></li>
+</ul>
+            </li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics">Ethics</a>
+<ul>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/About_Life_Art_Science">Philosophical and Historical Aspects</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Sociological_Cultural_Definition_Living_Being">Sociological and Cultural Aspects</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Scientific Definition of Living-Being">Scientific Aspects</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Interviews">Expert's Opinions</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Round_Table">French iGEMers Discussion</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Survey">International iGEMers Point-of-View</a></li>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Ethics/Reflection_about_Artificial_Food">Reflection about Artificial Food</a></li>
+</ul>
+            </li>
+             <li><a href="https://2014.igem.org/Team:Paris_Saclay/Outreach">Outreach</a>
+<ul>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Project/Workshop">French Meetup</a>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Outreach/Events/Curiositas">Curiositas</a>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Outreach/Events/Science_Festival">Science Festival</a>
+<li><a href="https://2014.igem.org/Team:Paris_Saclay/Outreach/Collaborations">Collaborations</a></li>
+</ul>
+           </li>
          </ul>
      </div>
 <div id="pageContent"></html>

Template:Team:Paris Saclay/default header

From 2014.igem.org

Latest revision as of 06:37, 7 August 2015