Team:Paris Bettencourt/header

From 2013.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Paris_Bettencourt/Wiki}}
 +
{{:Team:Paris_Bettencourt/Menu}}
 +
<body>
<html>
<html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<style>
-
</html>
+
#pagebanner {
-
 
+
  width:1100px;
-
<html>
+
  height:220px;
-
<head>
+
  background-image:url('https://static.igem.org/mediawiki/2013/2/2b/PB_ProjectBanner.jpg');
-
 
+
  margin-top:0;
-
<meta name="description" content="" /> 
+
  border-bottom:4px solid rgba(228,45,51,0.9);
-
<meta name="keywords" content="" />
+
  background-size:cover;
-
<title>iGEM Paris Bettencourt 2013</title>
+
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
-
 
+
-
<style type="text/css">https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png
+
-
 
+
-
div.thumb div a img {
+
-
  background-color:white;
+
-
  padding: 6px 0px;
+
}
}
-
#globalWrapper {/* the wiki */
 
-
    background-color: rgba(0, 0, 0, 0.1);
 
-
    background-image:url('');
 
-
    width : 100%
 
-
}
 
-
#top-section{/* the igem flag + top menu)*/
 
-
    height: auto;
 
-
    margin-top: 0 px;
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
    margin-bottom: 0 !important;
 
-
  /* margin-bottom: 10px; */
 
-
    padding:0;
 
-
    border: none;
 
-
    display: display;
 
-
}
 
-
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
 
-
  display:none;
 
-
  border:none;
 
-
  margin:none;
 
-
}
 
-
#menubar{/* la barre de menu du haut */
 
-
background-color:transparent;
 
-
}
 
-
#menubar a{/*les lien de la barre de menu du haut */
 
-
  text-decoration:none;
 
-
  color:black;
 
-
  background:transparent;
 
-
}
 
-
.left-menu{/* le menu de haut gauche */
 
-
  background-color:transparent;
 
-
/*display:none;*/
 
-
}
 
-
 
-
.right-menu{/* le menu de login haut droite*/
 
-
color:#ffffff;
 
-
text-decoration:none;
 
-
background-color:transparent;
 
-
}
 
-
.right-menu a{/* les lien du login */
 
-
color:#ffffff;
 
-
text-decoration:transparent;
 
-
background-color:transparent;
 
-
}
 
-
#search-controls{/* la barre de recherche*/
 
-
  display:none;
 
-
}
 
-
#content{/* le body de la page*/
 
-
    border:none;
 
-
    padding:none;
 
-
    margin:none;
 
-
    z-index:0;
 
-
    line-height:1;
 
-
    width: 1000px;
 
-
    background : transparent;
 
-
}
 
-
.firstHeading {/*titre de page */
 
-
  display:none;
 
-
  border: none;
 
-
}
 
-
#bodyContent{/* contenu de page*/
 
-
    background-color: white;
 
-
    border:none;
 
-
    border-color:none;
 
-
    padding:none;
 
-
    margin:none;
 
-
}
 
-
#footer-wrapper{
 
-
position: absolute;
 
-
width: 941px;
 
-
left: -1px;
 
-
margin-top:20px;
 
-
margin-bottom:30px;
 
-
padding: 7px 15px 7px 15px;
 
-
background-color:#ffffff;
 
-
/*border: 1px solid black;*/
 
-
}
 
-
#footer-box{/* la boite en bas de page*/
 
-
  /*display: none;*/
 
-
  width:955px;
 
-
  border:none;
 
-
  background:none;
 
-
  position:relative;
 
-
  bottom:-120px;
 
-
  margin-bottom: 10px;
 
-
}
 
-
#catlinks{/* le cadre sous le body useless */
 
-
  display: none;
 
-
}
 
-
 
-
/* #######  fin du wiki hack #######  */
 
-
 
-
/* Body */
 
-
body {
 
-
  color: #2c2b2b;
 
-
  /*line-height: 1em;*/
 
-
  background: #FFFFFF;
 
-
}
 
-
body,input {
 
-
  font-family: Cambria, serif;
 
-
  font-size: 12px;
 
-
}
 
-
 
-
/* Headers */
 
-
h1,h2,h3,h4 {
 
-
  font-weight: normal;
 
-
  letter-spacing: 0 px;
 
-
  border-bottom:none;
 
-
  /*line-height: 25px;*/
 
-
}
 
-
h2 {
 
-
  color: #990000; /*  */
 
-
  border-bottom: 1px solid;
 
-
  /*font-weight: bold;*/
 
-
}
 
-
h3,h4 {
 
-
  color: #333333; /*  */
 
-
  /*margin-bottom: 1em;
 
-
  position:relative;
 
-
  left:25px;*/
 
-
}
 
-
 
-
/* Paragraphs */
 
-
p {
 
-
margin-bottom: 2px;
 
-
}
 
-
 
-
strong {
 
-
  /*color: #2C2B2B;*/
 
-
  font-weight: bolder;
 
-
}
 
-
br.clearfix {
 
-
  clear: both;
 
-
}
 
-
 
-
/* a */
 
-
a {
 
-
  text-decoration:none;
 
-
  color: #559DD5;
 
-
}
 
-
a:visited {
 
-
  color: #559DD5;
 
-
}
 
-
a:hover {
 
-
  text-decoration: none;
 
-
}
 
-
 
-
/* Images */
 
-
img.alignleft {
 
-
  margin: 5px 20px 20px 0;
 
-
  float: left;
 
-
}
 
-
img.aligntop {
 
-
  margin: 5px 0 20px 0;
 
-
}
 
-
img.pic {
 
-
padding: 5px;
 
-
border: solid 1px #D4D4D4;
 
-
}
 
-
 
-
/* === Extra Stuff === */
 
-
/* Page top title */
 
-
#grouptitle {
 
-
  text-align:center;
 
-
  font-size:2.75em;
 
-
  font-weight:bold;
 
-
  margin: -30px auto 30px;
 
-
  color:#272727;
 
-
  line-height: 1.2;
 
-
}
 
-
#page {
 
-
  margin-left:5%;
 
-
  width:90%;
 
-
  text-align:justify;
 
-
}
 
-
 
-
/*
 
-
  Back to top button
 
-
  http://webdesignerwall.com/tutorials/animated-scroll-to-top
 
-
*/
 
-
#back-top {
 
-
    position: fixed;
 
-
    top: 30px;
 
-
    margin-left: 1000px;
 
-
}
 
-
#back-top a {
 
-
    width: 80px;
 
-
    display: block;
 
-
    text-align: center;
 
-
    font: 11px/100% Arial, Helvetica, sans-serif;
 
-
    text-transform: uppercase;
 
-
    text-decoration: none;
 
-
    color: #bbb;
 
-
    /* background color transition */
 
-
-webkit-transition: 1s;
 
-
-moz-transition: 1s;
 
-
    transition: 1s;
 
-
}
 
-
#back-top a:hover {
 
-
    color: #000;
 
-
}
 
-
/* arrow icon (span tag) */
 
-
#back-top span {
 
-
    width: 80px;
 
-
    height: 80px;
 
-
    display: block;
 
-
    margin-bottom: 7px;
 
-
    background: #ddd url() no-repeat center center;
 
-
    /* rounded corners */
 
-
-webkit-border-radius: 15px;
 
-
-moz-border-radius: 15px;
 
-
    border-radius: 15px;
 
-
    /* background color transition */
 
-
-webkit-transition: 1s;
 
-
-moz-transition: 1s;
 
-
    transition: 1s;
 
-
}
 
-
#back-top a:hover span {
 
-
    background-color: #777;
 
-
}
 
-
 
-
/* Header stuff*/
 
-
#headerwrapper {
 
-
    border-radius:10px;
 
-
    margin-bottom:50px;
 
-
    box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
 
-
    font-size:12pt;
 
-
    background:#FFFFFF;
 
-
}
 
-
#headerlogos {
 
-
  height: 200px;
 
-
  background: #FFFFFF;
 
-
}
 
-
#PBigemlogo{
 
-
  margin-left:60px;
 
-
}
 
-
#FBTWlogos{
 
-
position: absolute;
 
-
bottom: 10px;
 
-
}
 
-
#OFigemlogo{
 
-
  margin-left:400px;
 
-
}
 
-
 
-
#menubarbleu {
 
-
    background: #559DD5 /*bleu menu*/ /*#209D9D url(images/img02.gif) repeat-x top left*/;
 
-
    height: 45px;
 
-
    border-top: solid 1px #e7f2fa /*#5AD7D7*/;
 
-
    border-bottom: solid 1px #1d5b8a /*#1C7575*/;
 
-
    text-shadow: 0 1px 1px #10304a /*#007D7D*/;
 
-
}
 
-
#menubarbleu.sticky{
 
-
    position : fixed;
 
-
    top:0;
 
-
    /* width:965px;*/
 
-
}
 
-
#menubarbleu ul {
 
-
    list-style: none;
 
-
    padding-top: 0px;
 
-
    position: relative;
 
-
}
 
-
#menubarbleu ul li {
 
-
    padding: 5px 10px;
 
-
    margin-right: 10px;
 
-
    display: inline-block;
 
-
}
 
-
#menubarbleu ul li a, #menubarbleu ul li span {
 
-
    text-decoration: none;
 
-
    color: #FFFFFF;
 
-
    letter-spacing: 0px;
 
-
    font-size: 1.2em;
 
-
}
 
-
#menubarbleu ul li span b {
 
-
    display: inline-block;
 
-
    border-left: 6px solid transparent;
 
-
    border-right: 6px solid transparent;
 
-
    border-top: 7px solid #1d6094 /*#1C7575*/;
 
-
    margin-left: 8px;
 
-
    position: relative;
 
-
    top: -1px;
 
-
}
 
-
#menubarbleu ul li.active {
 
-
    background: rgb(29,96,148) /*#1C7575*/;
 
-
    border-top: solid 1px #1d5b8a /*#1A6B6B*/;
 
-
    border-bottom: solid 1px #e7f2fa /*#5AD7D7*/;
 
-
    border-radius: 3px;
 
-
    padding-top: 4px;
 
-
    padding-bottom: 4px;
 
-
}
 
-
#menubarbleu ul li.active span b {
 
-
    border-top-color: #165E5E;
 
-
}
 
-
 
-
.dropotron {
 
-
    background: #559DD5;
 
-
    border-top: solid 1px #e7f2fa; /* + clair*/
 
-
    border-bottom: solid 1px #1d5b8a ; /* + sombre*/
 
-
    text-shadow: 0 1px 1px #10304a; /* ++ sombre*/
 
-
    list-style: none;
 
-
    margin: 0;
 
-
    padding: 15px 10px 15px 10px;
 
-
    min-width: 200px;
 
-
    border-radius: 6px;
 
-
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
 
-
    line-height:2em;
 
-
 
-
}
 
-
 
-
.dropotron a, .dropotron span {
 
-
    color: #FFFFFF;
 
-
    text-decoration: none;
 
-
    letter-spacing: 0px;
 
-
    display: block;
 
-
    width: 100%;
 
-
    position: relative;
 
-
    font-size:11.5pt;
 
-
}
 
-
 
-
.dropotron span b {
 
-
    display: inline-block;
 
-
    border-top: 6px solid transparent;
 
-
    border-bottom: 6px solid transparent;
 
-
    border-left: 7px solid rgb(29,96,148) /*#1C7575*/;
 
-
    position: absolute;
 
-
    right: 0px;
 
-
    top: 4px;
 
-
}
 
-
 
-
.dropotron li:hover span b {
 
-
    border-left-color: #1d5b8a /*#165E5E*/;
 
-
}
 
-
 
-
.dropotron li {
 
-
    padding: 3px 10px 3px 10px;
 
-
    margin: 2px 0 2px 0;
 
-
    border-radius: 3px;
 
-
}
 
-
 
-
.dropotron li:hover, .dropotron li.active {
 
-
    padding-top: 2px;
 
-
    padding-bottom: 2px;
 
-
    background: rgba(43,133,203,0.8) /*rgba(28,117,117,0.9)*/;
 
-
    border-top: solid 1px #1d5b8a /* #1A6B6B*/;
 
-
    border-bottom: solid 1px #e7f2fa /*#5AD7D7*/;
 
-
}
 
-
 
-
.dropotron-level-1 {
 
-
    border-top-left-radius: 0;
 
-
    border-top-right-radius: 0;
 
-
}
 
-
 
</style>
</style>
-
 
+
<div id="pagebanner"></div>
-
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script>
+
-
<script type="text/javascript" src="https://2013.igem.org/Team:Paris_Bettencourt/js/drop.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript">
+
-
// listen for scroll
+
-
  var positionElementInPage = $('#menubarbleu').offset().top;
+
-
  $(window).scroll(
+
-
    $(function() {
+
-
if ($(window).scrollTop() >= positionElementInPage) {
+
-
    // fixed
+
-
    $('#menubarbleu').addClass("sticky");
+
-
} else {
+
-
    // relative
+
-
    $('#menubarbleu').removeClass("sticky");
+
-
}
+
-
    })
+
-
);
+
-
</script>
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
    $('#menubarbleu > ul').dropotron({
+
-
mode: 'fade',
+
-
globalOffsetY: 11,
+
-
offsetY: -15
+
-
    });
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
var _gaq = _gaq || [];
+
-
_gaq.push(['_setAccount', 'UA-34573161-1']);
+
-
_gaq.push(['_trackPageview']);
+
-
 
+
-
(function() {
+
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
})();
+
-
</script>
+
-
</head>
+
</html>
</html>
-
 
-
<html>
 
-
<body>
 
-
 
-
<p id="back-top"><a href="#top"><span></span>Back to Top</a></p>
 
-
 
-
<div id="headerwrapper">
 
-
<div id="headerlogos">
 
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt" target="_blank" id="PBigemlogo">
 
-
      <img src="https://static.igem.org/mediawiki/2013/c/c7/PB_LogoiGEMParis.gif" width="180">
 
-
  </a>
 
-
  <a href="http://www.facebook.com/ParisiGEM2013" target="_blank" id="FBTWlogos">
 
-
      <img src="https://static.igem.org/mediawiki/2013/f/fc/TB_Facebook-logo.png" width="40">
 
-
  </a>
 
-
  <a href="http://twitter.com/iGEM_Paris" target="_blank" id="FBTWlogos">
 
-
      <img src="https://static.igem.org/mediawiki/2013/d/db/TB_Twitter-logo.png" width="40">
 
-
  </a>
 
-
  <a href="https://2013.igem.org/Main_Page" target="_blank" id="OFigemlogo">
 
-
      <img src="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.png" width="180">
 
-
  </a>
 
-
</div>
 
-
<div id="menubarbleu" class="">
 
-
  <ul>
 
-
    <li class="first">
 
-
      <span class="opener">Main<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt">Home</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Site_Map">Site Map</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts">Parts Submitted</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Acknowledgements">Acknowledgements</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Contact">Contact</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li>
 
-
      <span class="opener">Team<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Team">Team</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Team:Paris_Bettencourt/Attributions">Attributions</a></li>
 
-
      </ul>
 
-
    <li>
 
-
      <span class="opener">Project<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview"><img src="" width="30px"> Overview</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening"><img src="" width="30px"> Drug Screening</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor"><img src="" width="30px"> Phage Sensor</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse"><img src="" width="30px"> Trojan Horse</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception"><img src="" width="30px"> TB-ception</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li>
 
-
      <span class="opener">Modeling<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Modeling/Overview"><img src="" width="30px"> Overview</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li>
 
-
      <span class="opener">Human Practice<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Overview"><img src="" width="30px"> Overview</a></li>
 
-
      </ul>
 
-
    </li>
 
-
    <li>
 
-
      <span class="opener">Safety<b> </b></span>
 
-
      <ul>
 
-
      </ul>
 
-
    </li>
 
-
    <li class="last">
 
-
      <span class="opener">Notebook<b> </b></span>
 
-
      <ul>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Notebook"><img src="" width="30px"> Day Notes</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Paris_Bettencourt/Protocols"><img src="" width="30px"> Protocols </a></li>
 
-
      </ul>
 
-
    </li>
 
-
  </ul>
 
-
</div>
 
-
</div>
 
-
<div style="clear: both;"></div>
 

Latest revision as of 22:49, 3 October 2013

<body>