Template:Team:Paris Saclay/default header

From 2014.igem.org

(Difference between revisions)
m
(Undo revision 406750 by Hwangas (talk))
 
(70 intermediate revisions not shown)
Line 1: Line 1:
<html><!-- ################################# END HEADER ################################## -->
<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>
     <style>
         * {-webkit-font-smoothing:antialiased;}
         * {-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 {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;}
         #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 {top: 0;}
         #menubar ul {padding: 0px;}
         #menubar ul {padding: 0px;}
         #menubar * {margin: 0px; background-color: transparent;color: gray;}
         #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 {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;}
         #bodyContent .pure-menu li a {padding:5px 15px;}
Line 24: Line 28:
         a:hover {text-decoration:none;}
         a:hover {text-decoration:none;}
         p{line-height:25px;}
         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;}
         h2 {margin-bottom:10px;font-size:24px;line-height:34px;font-style:italic;}
         h3 {font-size:20px;font-style:italic;}
         h3 {font-size:20px;font-style:italic;}
         h4 {font-size:16px;font-style:italic;}
         h4 {font-size:16px;font-style:italic;}
         h5 { }
         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;}
         #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(1) { position: absolute; left: -75px;}
         #menups > span:nth-child(2) { position: absolute; right: -74px;}
         #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 {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 > li > a {}
         #submenups ul {margin:0; list-style:none;}
         #submenups ul {margin:0; list-style:none;}
         #submenups ul ul li {margin:5px;}
         #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%;}
         #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>
     </style>
   <!-- Google Analytics -->
   <!-- Google Analytics -->
Line 58: Line 80:
   ga('send', 'pageview');
   ga('send', 'pageview');
</script>
</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) -->
     <!-- MathJax (LaTeX for the web) -->
Line 71: Line 91:
     </script>
     </script>
     <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></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/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>
         <span><img src="https://static.igem.org/mediawiki/2014/5/5f/Paris_Saclay_wiki-menu-right.png"></span>
Line 84: Line 123:
         <ul>
         <ul>
             <li><a href="https://2014.igem.org/Team:Paris_Saclay">Home</a></li>
             <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>
         </ul>
     </div>
     </div>
<div id="pageContent"></html>
<div id="pageContent"></html>

Latest revision as of 06:37, 7 August 2015