Team:Paris Bettencourt/header

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:Paris_Bettencourt/Wiki}}
 +
{{:Team:Paris_Bettencourt/Menu}}
<html>
<html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<style>
-
</html>
+
/* Top Header */
-
 
+
#topheader{
-
<html>
+
    display:block;
-
<head>
+
    width:100%;
-
 
+
    margin-bottom:0;
-
<meta name="description" content="" /
+
    position:relative;
-
<meta name="keywords" content="" />
+
    top:-10px;
-
<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 */
+
#bgkBanner1{
-
    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%;
+
-
  margin-bottom:20px;
+
-
  width:90%;
+
-
  text-align:justify;
+
-
}
+
-
 
+
-
/*
+
-
  Back to top button
+
-
  http://webdesignerwall.com/tutorials/animated-scroll-to-top
+
-
*/
+
-
#back-top {
+
-
    position: fixed;
+
-
    top: 45px;
+
-
    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;
+
-
    /* background color transition */
+
-
    -webkit-transition: 1s;
+
-
    -moz-transition: 1s;
+
-
    transition: 1s;
+
-
}
+
-
/* arrow icon (span tag) */
+
-
#back-top span {
+
-
    width: 42px;
+
-
    height: 55px;
+
-
    display: block;
+
-
    margin-bottom: 7px;
+
-
    background-image:url('https://static.igem.org/mediawiki/2013/5/52/PB_Arrow.gif');
+
-
    background-repeat:no-repeat;
+
-
    background-position:center;
+
-
    background-color: #d1d4e4;   
+
-
    /* rounded corners */
+
-
    -webkit-border-radius: 15px;
+
-
    -moz-border-radius: 15px;
+
-
    border-radius: 10px;
+
-
    /* background color transition */
+
-
    -webkit-transition: 1s;
+
-
    -moz-transition: 1s;
+
-
    transition: 1s;
+
-
}
+
-
#back-top a:hover span {
+
-
    background-color: #1b2b7c;
+
-
}
+
-
 
+
-
/* 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-image:url('https://static.igem.org/mediawiki/2013/8/83/PB_logos_bkg.png');
+
-
  background-color: #FFFFFF;
+
-
}
+
-
#PBigemlogo{
+
-
  position:relative;
+
-
  bottom:-10px;
+
-
  margin-left:60px;
+
-
}
+
-
#FBTWlogos{
+
-
position:relative;
+
-
bottom: 75px;
+
-
}
+
-
#OFigemlogo{
+
-
  margin-left:420px;
+
-
  position:relative;
+
-
  bottom: -15px;
+
-
}
+
-
 
+
-
#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;
     position: relative;
 +
    z-index:20;
}
}
-
#menubarbleu ul li {
+
#igemlogo{
-
     padding: 5px 10px;
+
     position:absolute;
-
     margin-right: 10px;
+
     z-index:20;
-
     display: inline-block;
+
     right:0;
}
}
-
#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>
-
 
-
<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>
 
<body>
<body>
-
 
+
<div id="topheader">
-
<p id="back-top"><a href="#top"><span></span></a></p>
+
  <div id="igemlogo">
-
 
+
    <a href="https://2013.igem.org/Main_Page" target="_blank">
-
<div id="headerwrapper">
+
      <img src="https://static.igem.org/mediawiki/2013/6/6b/PB_iGEM_logo.png">
-
<div id="headerlogos">
+
    </a>
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt" target="_blank" id="PBigemlogo">
+
  </div>
-
      <img src="https://static.igem.org/mediawiki/2013/c/c7/PB_LogoiGEMParis.gif" width="180">
+
  <div id="bgkBanner1">
-
  </a>
+
     <img src="https://static.igem.org/mediawiki/2013/1/1b/PB_Banner_Lines.gif" width="1000">  
-
  <a href="http://www.facebook.com/ParisiGEM2013" target="_blank" id="FBTWlogos">
+
   </div>
-
      <img src="https://static.igem.org/mediawiki/2013/f/fc/TB_Facebook-logo.png" width="24">
+
-
  </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="25">
+
-
  </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="160">
+
-
  </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>
-
<div style="clear: both;"></div>
 

Revision as of 19:29, 26 August 2013