|
|
| (12 intermediate revisions by 3 users not shown) |
| Line 108: |
Line 108: |
| | function deletebaton3() { | | function deletebaton3() { |
| | document.getElementById("batonbleu3").style.display = "none"; | | document.getElementById("batonbleu3").style.display = "none"; |
| − | }
| |
| − |
| |
| − | function apparitionbaton3a() {
| |
| − | document.getElementById("batonbleu3a").style.display = "block";
| |
| − | }
| |
| − |
| |
| − | function deletebaton3a() {
| |
| − | document.getElementById("batonbleu3a").style.display = "none";
| |
| − | }
| |
| − |
| |
| − | function apparitionbaton3b() {
| |
| − | document.getElementById("batonbleu3b").style.display = "block";
| |
| − | }
| |
| − |
| |
| − | function deletebaton3b() {
| |
| − | document.getElementById("batonbleu3b").style.display = "none";
| |
| | } | | } |
| | | | |
| Line 212: |
Line 196: |
| | function deletebaton13() { | | function deletebaton13() { |
| | document.getElementById("batonbleu13").style.display = "none"; | | document.getElementById("batonbleu13").style.display = "none"; |
| − | }
| |
| − |
| |
| − | function apparitionbaton13b() {
| |
| − | document.getElementById("batonbleu13b").style.display = "block";
| |
| − | }
| |
| − |
| |
| − | function deletebaton13b() {
| |
| − | document.getElementById("batonbleu13b").style.display = "none";
| |
| | } | | } |
| | | | |
| Line 236: |
Line 212: |
| | function deletebaton15() { | | function deletebaton15() { |
| | document.getElementById("batonbleu15").style.display = "none"; | | document.getElementById("batonbleu15").style.display = "none"; |
| | + | } |
| | + | |
| | + | function apparitionbaton16() { |
| | + | document.getElementById("batonbleu16").style.display = "block"; |
| | + | } |
| | + | |
| | + | function deletebaton16() { |
| | + | document.getElementById("batonbleu16").style.display = "none"; |
| | } | | } |
| | | | |
| Line 329: |
Line 313: |
| | document.getElementById("Thermofisher").style.display = "block"; | | document.getElementById("Thermofisher").style.display = "block"; |
| | document.getElementById("ThermofisherBW").style.display = "none"; | | document.getElementById("ThermofisherBW").style.display = "none"; |
| | + | } |
| | + | |
| | + | function BarthenteimNoiretBlanc() { |
| | + | document.getElementById("BarthenteimBW").style.display = "block"; |
| | + | document.getElementById("Barthenteim").style.display = "none"; |
| | + | } |
| | + | |
| | + | function BarthenteimCouleur() { |
| | + | document.getElementById("Barthenteim").style.display = "block"; |
| | + | document.getElementById("BarthenteimBW").style.display = "none"; |
| | } | | } |
| | | | |
| Line 345: |
Line 339: |
| | | | |
| | body{ | | body{ |
| | + | margin:30px; |
| | + | padding:30px; |
| | background-color:white; | | background-color:white; |
| − | width:100%; | + | height:100%; |
| | } | | } |
| | | | |
| Line 352: |
Line 348: |
| | text-decoration: none; | | text-decoration: none; |
| | color:black; | | color:black; |
| − | }
| |
| − |
| |
| − | .Chili{
| |
| − | z-index:-1;
| |
| − | margin-left: 287.75px;
| |
| − | top:170px;
| |
| − | width:5vw;
| |
| − | height: 60vh;
| |
| − | }
| |
| − |
| |
| − | #subtitles{
| |
| − | position:relative;
| |
| − | margin-left: 300px;
| |
| − | margin-top:-5vw;
| |
| − | font-size: 18pt;
| |
| − | font-weight: normal;
| |
| − | /*border-bottom:4px dotted black;*/
| |
| − | z-index:-1;
| |
| − | width: 70px;
| |
| − | border-bottom:4px dotted black;
| |
| | } | | } |
| | | | |
| Line 461: |
Line 437: |
| | position:relative; | | position:relative; |
| | top:-10px; | | top:-10px; |
| − | left:10px; | + | left:0px; |
| | border-bottom:4px dotted black; | | border-bottom:4px dotted black; |
| − | width: 35%; | + | width: 40px; |
| | + | } |
| | + | |
| | + | .underline1{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 134px; |
| | + | } |
| | + | |
| | + | .underline2{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 215px; |
| | + | } |
| | + | |
| | + | .underline3{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 508px; |
| | + | } |
| | + | |
| | + | .underline4{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 270px; |
| | + | } |
| | + | |
| | + | .underline5{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 620px; |
| | + | } |
| | + | |
| | + | .underline6{ |
| | + | display:block; |
| | + | position:relative; |
| | + | top:-10px; |
| | + | left:0px; |
| | + | border-bottom:4px dotted black; |
| | + | width: 582px; |
| | } | | } |
| | | | |
| Line 490: |
Line 520: |
| | | | |
| | .subtitle{ | | .subtitle{ |
| − | margin-left:300px; | + | margin-left:12.25px; |
| − | margin-top:112.5px; | + | margin-top:55px; |
| | cursor: default; | | cursor: default; |
| − | font-size: 26.75pt; | + | font-size: 18pt; |
| | } | | } |
| | | | |
| | | | |
| | .maintext{ | | .maintext{ |
| − | font-size: 30pt; | + | font-size: 9pt; |
| − | margin-left:300px; | + | font-family:Helvetica; |
| − | margin-right:300px;
| + | margin-top:10px; |
| − | margin-top:112.5px; | + | |
| | text-align: justify; | | text-align: justify; |
| | cursor: default; | | cursor: default; |
| − | font-family:Helvetica; | + | width:75%; |
| | } | | } |
| | | | |
| | .maintextsuite{ | | .maintextsuite{ |
| − | font-size: 30pt; | + | font-size: 9pt; |
| − | margin-left:300px;
| + | |
| − | margin-right:300px;
| + | |
| | margin-top:10px; | | margin-top:10px; |
| | text-align: justify; | | text-align: justify; |
| | cursor: default; | | cursor: default; |
| | font-family:Helvetica; | | font-family:Helvetica; |
| | + | width:75%; |
| | + | } |
| | + | |
| | + | .maintextsuiteimage{ |
| | + | font-size: 9pt; |
| | + | margin-top:10px; |
| | + | text-align: justify; |
| | + | cursor: default; |
| | + | font-family:Helvetica; |
| | + | width:40%; |
| | + | } |
| | + | |
| | + | .text { |
| | + | position:relative; |
| | + | margin-left: 287.75px; |
| | + | line-height:12pt; |
| | } | | } |
| | | | |
| Line 521: |
Line 564: |
| | text-decoration:none; | | text-decoration:none; |
| | color:black; | | color:black; |
| − | }
| |
| − |
| |
| − | .title{
| |
| − | font-size: 48.75pt;
| |
| − | margin-left:300px;
| |
| − | margin-top:112.5px;
| |
| − | cursor: default;
| |
| | } | | } |
| | | | |
| Line 549: |
Line 585: |
| | color: #3298CB; | | color: #3298CB; |
| | } | | } |
| | + | |
| | + | .Chili{ |
| | + | z-index:-1; |
| | + | margin-left: 287.75px; |
| | + | top:170px; |
| | + | width:5vw; |
| | + | height: 150vh; |
| | + | } |
| | + | |
| | + | table{ |
| | + | border-collapse: collapse; |
| | + | } |
| | | | |
| | /*////////////////////////////////////////////*/ | | /*////////////////////////////////////////////*/ |
| Line 598: |
Line 646: |
| | top: 26%; | | top: 26%; |
| | } | | } |
| | + | |
| | | | |
| | .outer5 { | | .outer5 { |
| Line 676: |
Line 725: |
| | position: fixed; | | position: fixed; |
| | left: 40px; | | left: 40px; |
| − | top: 42%; | + | top: 50%; |
| | + | } |
| | + | |
| | + | .outer16 { |
| | + | position: fixed; |
| | + | left: 40px; |
| | + | top: 36%; |
| | } | | } |
| | | | |
| Line 687: |
Line 742: |
| | } | | } |
| | /*////////////////////////////////////////////*/ | | /*////////////////////////////////////////////*/ |
| | + | |
| | | | |
| | .rotate { | | .rotate { |
| | -webkit-transform: rotate(180deg); | | -webkit-transform: rotate(180deg); |
| − | }
| |
| − |
| |
| − | .list a{
| |
| − | text-decoration: none;
| |
| − | color:black;
| |
| | } | | } |
| | | | |
| Line 931: |
Line 982: |
| | background: #3298CB; | | background: #3298CB; |
| | content:"" | | content:"" |
| | + | } |
| | + | |
| | + | #batonbleu16{ |
| | + | position:relative; |
| | + | top:5px; |
| | + | left:35%; |
| | + | display:none; |
| | + | height:3px; |
| | + | width:22.5px; |
| | + | background: #3298CB; |
| | + | content:"" |
| | + | } |
| | + | |
| | + | li{margin:5px} |
| | + | |
| | + | a:visited { |
| | + | color: black; |
| | + | text-decoration:none; |
| | + | } |
| | + | |
| | + | |
| | + | |
| | + | /*////////////////////////////////*/ |
| | + | |
| | + | |
| | + | #title{ |
| | + | font-size: 60pt; |
| | + | border-bottom:4px dotted black; |
| | + | width: 450px; |
| | + | z-index:-1; |
| | + | margin-left: 287.75px; |
| | + | margin-top: 90px; |
| | + | line-height:59pt; |
| | + | } |
| | + | |
| | + | #subtitles{ |
| | + | position:relative; |
| | + | margin-left: 300px; |
| | + | margin-top:-5vw; |
| | + | font-size: 18pt; |
| | + | font-weight: normal; |
| | + | /*border-bottom:4px dotted black;*/ |
| | + | z-index:-1; |
| | + | width: 250px; |
| | + | border-bottom:4px dotted black; |
| | } | | } |
| | | | |
| Line 1,075: |
Line 1,171: |
| | <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()"> | | <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()"> |
| | <div class="list rotate"> | | <div class="list rotate"> |
| − | <a href="https://2017.igem.org/Team:Pasteur_Paris/Interlab">Interlab</a> | + | <a href="https://2017.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a> |
| | <div id="batonbleu9"> | | <div id="batonbleu9"> |
| | </div> | | </div> |
| Line 1,145: |
Line 1,241: |
| | <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a> | | <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a> |
| | <div id="batonbleu15"> | | <div id="batonbleu15"> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <div class="outer16"> |
| | + | <div class="inner"; onmouseover="apparitionbaton16()"; onmouseout="deletebaton16()"> |
| | + | <div class="list rotate"> |
| | + | <a href="https://2017.igem.org/Team:Pasteur_Paris/GiantJamboree">GiantJamboree</a> |
| | + | <div id="batonbleu16"> |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 1,150: |
Line 1,255: |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | |
| | <ul class="com"> | | <ul class="com"> |
| | <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li> | | <li style="text-align:center"><a href="https://www.facebook.com/igem.pasteur/" target="_blank"><i id="logo" class="fa fa-facebook"></i></a></li> |
| Line 1,159: |
Line 1,265: |
| | <div> | | <div> |
| | | | |
| − | <div style="height:75vh"> | + | <div style="height:120vh"> |
| | <img src="https://static.igem.org/mediawiki/2017/a/ab/T--Pasteur_Paris--MainDesign.jpeg"; style="position:absolute; left:390px; height: auto;width: 55vw; z-index:-2;top:-70px"/> | | <img src="https://static.igem.org/mediawiki/2017/a/ab/T--Pasteur_Paris--MainDesign.jpeg"; style="position:absolute; left:390px; height: auto;width: 55vw; z-index:-2;top:-70px"/> |
| − | <p id="title" style="font-size:50pt; font-family: MinionPro, serif;">Applied </br>Design</p> | + | <p id="title" style="font-size:50pt; font-family: MinionPro, serif; text-align:left">Welcome to the <br> team iGEM Pasteur 2017's webpage !</p><br></p> |
| | <div class="Chili"></div> | | <div class="Chili"></div> |
| | </div> | | </div> |
| | | | |
| | + | <div class="text" style="margin-top:20vh"> |
| | <p class="maintext">For the third year in a row, the Institut Pasteur hosts a multidisciplinary student team composed of Biology, Chemistry, Engineering but also Industrial Design and Law students. After the success of the 2015 and 2016 teams, which were rewarded by bronze and golden medals respectively, we have all the assets needed to maintain momentum.</p> | | <p class="maintext">For the third year in a row, the Institut Pasteur hosts a multidisciplinary student team composed of Biology, Chemistry, Engineering but also Industrial Design and Law students. After the success of the 2015 and 2016 teams, which were rewarded by bronze and golden medals respectively, we have all the assets needed to maintain momentum.</p> |
| | | | |
