|
|
| (27 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%;
| |
| - | 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;
| |
| - | }
| |
| - | #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></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="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 style="clear: both;"></div>
| |
"
