|
|
Line 11: |
Line 11: |
| <link rel="icon" type="image/png" href="./static/favicon.png" /> | | <link rel="icon" type="image/png" href="./static/favicon.png" /> |
| <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Pasteur_Paris/CSS ?action=raw&ctype=text/css" /> | | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Pasteur_Paris/CSS ?action=raw&ctype=text/css" /> |
− | <script>
| |
− |
| |
− | /*Fonction apparition onglet après click sur le menu*/
| |
− | function apparitionTeam() {
| |
− | document.getElementById("Team").style.display = "block";
| |
− | document.getElementById("Project").style.display = "none";
| |
− | document.getElementById("Design").style.display = "none";
| |
− | document.getElementById("Labwork").style.display = "none";
| |
− | document.getElementById("HumanPractice").style.display = "none";
| |
− | document.getElementById("Achievements").style.display = "none";
| |
− | }
| |
− | function apparitionProject() {
| |
− | document.getElementById("Project").style.display = "block";
| |
− | document.getElementById("Team").style.display = "none";
| |
− | document.getElementById("Design").style.display = "none";
| |
− | document.getElementById("Labwork").style.display = "none";
| |
− | document.getElementById("HumanPractice").style.display = "none";
| |
− | document.getElementById("Achievements").style.display = "none";
| |
− | }
| |
− | function apparitionDesign() {
| |
− | document.getElementById("Design").style.display = "block";
| |
− | document.getElementById("Team").style.display = "none";
| |
− | document.getElementById("Project").style.display = "none";
| |
− | document.getElementById("Labwork").style.display = "none";
| |
− | document.getElementById("HumanPractice").style.display = "none";
| |
− | document.getElementById("Achievements").style.display = "none";
| |
− | }
| |
− | function apparitionLabWork() {
| |
− | document.getElementById("Labwork").style.display = "block";
| |
− | document.getElementById("Team").style.display = "none";
| |
− | document.getElementById("Project").style.display = "none";
| |
− | document.getElementById("Design").style.display = "none";
| |
− | document.getElementById("HumanPractice").style.display = "none";
| |
− | document.getElementById("Achievements").style.display = "none";
| |
− | }
| |
− | function apparitionHumanPractice() {
| |
− | document.getElementById("HumanPractice").style.display = "block";
| |
− | document.getElementById("Team").style.display = "none";
| |
− | document.getElementById("Project").style.display = "none";
| |
− | document.getElementById("Design").style.display = "none";
| |
− | document.getElementById("Labwork").style.display = "none";
| |
− | document.getElementById("Achievements").style.display = "none";
| |
− | }
| |
− | function apparitionAchievements() {
| |
− | document.getElementById("Achievements").style.display = "block";
| |
− | document.getElementById("Team").style.display = "none";
| |
− | document.getElementById("Project").style.display = "none";
| |
− | document.getElementById("Design").style.display = "none";
| |
− | document.getElementById("HumanPractice").style.display = "none";
| |
− | document.getElementById("Labwork").style.display = "none";
| |
− | }
| |
− | /*////////////////////////////////////////////*/
| |
− |
| |
− | /* Fonction pour apparition barre rouge onglet*/
| |
− |
| |
− | function apparitionbaton() {
| |
− | document.getElementById("batonrouge").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton() {
| |
− | document.getElementById("batonrouge").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton1() {
| |
− | document.getElementById("batonrouge1").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton1() {
| |
− | document.getElementById("batonrouge1").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton2() {
| |
− | document.getElementById("batonrouge2").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton2() {
| |
− | document.getElementById("batonrouge2").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton3() {
| |
− | document.getElementById("batonrouge3").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton3() {
| |
− | document.getElementById("batonrouge3").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton4() {
| |
− | document.getElementById("batonrouge4").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton4() {
| |
− | document.getElementById("batonrouge4").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton5() {
| |
− | document.getElementById("batonrouge5").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton5() {
| |
− | document.getElementById("batonrouge5").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton6() {
| |
− | document.getElementById("batonrouge6").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton6() {
| |
− | document.getElementById("batonrouge6").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton7() {
| |
− | document.getElementById("batonrouge7").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton7() {
| |
− | document.getElementById("batonrouge7").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton8() {
| |
− | document.getElementById("batonrouge8").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton8() {
| |
− | document.getElementById("batonrouge8").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton9() {
| |
− | document.getElementById("batonrouge9").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton9() {
| |
− | document.getElementById("batonrouge9").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton10() {
| |
− | document.getElementById("batonrouge10").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton10() {
| |
− | document.getElementById("batonrouge10").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton11() {
| |
− | document.getElementById("batonrouge11").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton11() {
| |
− | document.getElementById("batonrouge11").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton12() {
| |
− | document.getElementById("batonrouge12").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton12() {
| |
− | document.getElementById("batonrouge12").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton13() {
| |
− | document.getElementById("batonrouge13").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton13() {
| |
− | document.getElementById("batonrouge13").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton14() {
| |
− | document.getElementById("batonrouge14").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton14() {
| |
− | document.getElementById("batonrouge14").style.display = "none";
| |
− | }
| |
− |
| |
− | function apparitionbaton15() {
| |
− | document.getElementById("batonrouge15").style.display = "block";
| |
− | }
| |
− |
| |
− | function deletebaton15() {
| |
− | document.getElementById("batonrouge15").style.display = "none";
| |
− | }
| |
− |
| |
− | /*////////////////////////////////////////////*/
| |
− |
| |
− | function MettlerToledoNoiretBlanc() {
| |
− | document.getElementById("MettlerToledoBW").style.display = "block";
| |
− | document.getElementById("MettlerToledo").style.display = "none";
| |
− | }
| |
− |
| |
− | function MettlerToledoCouleur() {
| |
− | document.getElementById("MettlerToledo").style.display = "block";
| |
− | document.getElementById("MettlerToledoBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function geniousNoiretBlanc() {
| |
− | document.getElementById("geniousBW").style.display = "block";
| |
− | document.getElementById("genious").style.display = "none";
| |
− | }
| |
− |
| |
− | function geniousCouleur() {
| |
− | document.getElementById("genious").style.display = "block";
| |
− | document.getElementById("geniousBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function centraleNoiretBlanc() {
| |
− | document.getElementById("CentraleBW").style.display = "block";
| |
− | document.getElementById("Centrale").style.display = "none";
| |
− | }
| |
− |
| |
− | function centraleCouleur() {
| |
− | document.getElementById("Centrale").style.display = "block";
| |
− | document.getElementById("CentraleBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function ambassadeNoiretBlanc() {
| |
− | document.getElementById("ambassadeBW").style.display = "block";
| |
− | document.getElementById("ambassade").style.display = "none";
| |
− | }
| |
− |
| |
− | function ambassadeCouleur() {
| |
− | document.getElementById("ambassade").style.display = "block";
| |
− | document.getElementById("ambassadeBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function QuiagenNoiretBlanc() {
| |
− | document.getElementById("QuiagenBW").style.display = "block";
| |
− | document.getElementById("Quiagen").style.display = "none";
| |
− | }
| |
− |
| |
− | function QuiagenCouleur() {
| |
− | document.getElementById("Quiagen").style.display = "block";
| |
− | document.getElementById("QuiagenBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function eurofinsNoiretBlanc() {
| |
− | document.getElementById("eurofinsBW").style.display = "block";
| |
− | document.getElementById("eurofins").style.display = "none";
| |
− | }
| |
− |
| |
− | function eurofinsCouleur() {
| |
− | document.getElementById("eurofins").style.display = "block";
| |
− | document.getElementById("eurofinsBW").style.display = "none";
| |
− | }
| |
− |
| |
− | function ThermofisherNoiretBlanc() {
| |
− | document.getElementById("ThermofisherBW").style.display = "block";
| |
− | document.getElementById("Thermofisher").style.display = "none";
| |
− | }
| |
− |
| |
− | function ThermofisherCouleur() {
| |
− | document.getElementById("Thermofisher").style.display = "block";
| |
− | document.getElementById("ThermofisherBW").style.display = "none";
| |
− | }
| |
− |
| |
− | </script>
| |
− |
| |
− | <style>
| |
− |
| |
− | body{
| |
− | margin:30px;
| |
− | padding:30px;
| |
− | background-color:white;
| |
− | }
| |
− |
| |
− | a{
| |
− | text-decoration: none;
| |
− | color:black;
| |
− | }
| |
− |
| |
− | li{
| |
− | list-style:none;
| |
− | }
| |
− |
| |
− | .left{
| |
− | left: 30px;
| |
− | margin-bottom: 7.5px;
| |
− | padding-top: 37.5px;
| |
− | position:fixed;
| |
− | background-color: none;
| |
− | top:0;
| |
− | }
| |
− |
| |
− | .right{
| |
− | right: 30px;
| |
− | margin-bottom: 7.5px;
| |
− | padding-top: 37.5px;
| |
− | position:fixed;
| |
− | background-color: none;
| |
− | top:0;
| |
− | }
| |
− |
| |
− | .center{
| |
− | margin-left: auto;
| |
− | margin-right: auto;
| |
− | }
| |
− |
| |
− | /*Position menu*/
| |
− | .menu {
| |
− | text-align: left;
| |
− | width: 450px;
| |
− | height: 40%;
| |
− | position: fixed;
| |
− | left:30px;
| |
− | font-family: Helvetica, sans-serif;
| |
− | font-weight: bold;
| |
− | line-height: 85%;
| |
− | font-size: 7.5pt;
| |
− | display: flex;
| |
− | flex-direction: column-reverse;
| |
− | text-align: bottom left;
| |
− | bottom: 4%;
| |
− | }
| |
− |
| |
− | .menu span{
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | .com{
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | position:fixed;
| |
− | text-align: center;
| |
− | right:30px;
| |
− | bottom:1.5%;
| |
− | }
| |
− |
| |
− | /*Ensemble pour trait après le menu*/
| |
− |
| |
− | .lastword {
| |
− | width: 150px;
| |
− | }
| |
− |
| |
− | .lastword img {
| |
− | position:absolute;
| |
− | opacity:0;
| |
− | }
| |
− |
| |
− | .lastword:hover:after{
| |
− | display:inline-block;
| |
− | vertical-align: middle;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | /*////////////////////////////////////////////*/
| |
− |
| |
− | .com a:hover{
| |
− | color: #3298CB;
| |
− | }
| |
− |
| |
− | .com li{
| |
− | line-height:200%;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | .underline{
| |
− | display:block;
| |
− | position:absolute;
| |
− | top:460px;
| |
− | left:360px;
| |
− | border-bottom:4px dotted black;
| |
− | width: 35%;
| |
− | }
| |
− |
| |
− | #title{
| |
− | font-family: "Minion Pro";
| |
− | font-size: 48.75pt;
| |
− | font-weight: medium;
| |
− | margin-left:300px;
| |
− | margin-top:112.5px;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | #subtitle{
| |
− | font-family: "Minion Pro";
| |
− | font-size: 26.75pt;
| |
− | font-weight: medium;
| |
− | margin-left:300px;
| |
− | margin-top:112.5px;
| |
− | cursor: default;
| |
− | }
| |
− |
| |
− | #maintext{
| |
− | font-size: 13pt;
| |
− | margin-left:300px;
| |
− | margin-right:200px;
| |
− | margin-top:112.5px;
| |
− | text-align: justify;
| |
− | cursor: default;
| |
− | font-family: "Minion Pro";
| |
− | }
| |
− | #logo{
| |
− | font-size:18px
| |
− | }
| |
− |
| |
− | /*Flèche de remontée*/
| |
− |
| |
− | #toparrow{
| |
− | justify-content: center;
| |
− | position:fixed;
| |
− | vertical-align:middle;
| |
− | z-index:10;
| |
− | width:2%;
| |
− | top:42%;
| |
− | right:10px;
| |
− | }
| |
− |
| |
− | #toparrow a:hover{
| |
− | color: #3298CB;
| |
− | }
| |
− |
| |
− | /*////////////////////////////////////////////*/
| |
− | /*Ensemble de class pour les onglets*/
| |
− |
| |
− | .outer {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 32.5%;
| |
− | }
| |
− |
| |
− | .outer1 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 44%;
| |
− | }
| |
− |
| |
− | .outer2 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 34.2%;
| |
− | }
| |
− |
| |
− | .outer3 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 43.2%;
| |
− | }
| |
− |
| |
− | .outer4 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 26%;
| |
− | }
| |
− |
| |
− | .outer5 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 35%;
| |
− | }
| |
− |
| |
− | .outer6 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 44%;
| |
− | }
| |
− |
| |
− | .outer7 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 53.7%;
| |
− | }
| |
− |
| |
− | .outer8 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 25%;
| |
− | }
| |
− |
| |
− | .outer9 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 35%;
| |
− | }
| |
− |
| |
− | .outer10 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 44%;
| |
− | }
| |
− |
| |
− | .outer11 {
| |
− | position: fixed;
| |
− | left: 30px;
| |
− | top: 53.5%;
| |
− | text-align: center
| |
− | }
| |
− |
| |
− | .outer12 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 28%;
| |
− | }
| |
− |
| |
− | .outer13 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 35%;
| |
− | }
| |
− |
| |
− | .outer14 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 50%;
| |
− | }
| |
− |
| |
− | .outer15 {
| |
− | position: fixed;
| |
− | left: 40px;
| |
− | top: 42%;
| |
− | }
| |
− |
| |
− | .inner {
| |
− | position: absolute;
| |
− | bottom: 100%;
| |
− | -webkit-transform: rotateZ(90deg);
| |
− | transform-origin: 0 100%;
| |
− | white-space: nowrap;
| |
− | }
| |
− | /*////////////////////////////////////////////*/
| |
− |
| |
− | .rotate {
| |
− | -webkit-transform: rotate(180deg);
| |
− | }
| |
− |
| |
− | #Team, #Design, #Project, #HumanPractice, #Achievements, #Labwork{
| |
− | font-family: Helvetica, sans-serif;
| |
− | font-weight: bold;
| |
− | font-size: 8pt;
| |
− | }
| |
− |
| |
− | /*Trait rouge des onglets*/
| |
− |
| |
− | #batonrouge{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge1{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge2{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge3{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge4{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge5{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge6{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge7{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge8{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge9{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:29%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge10{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge11{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:31%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge12{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:20%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge13{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge14{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | #batonrouge15{
| |
− | position:relative;
| |
− | top:5px;
| |
− | left:33%;
| |
− | display:none;
| |
− | height:3px;
| |
− | width:22.5px;
| |
− | background: #3298CB;
| |
− | content:""
| |
− | }
| |
− |
| |
− | /*////////////////////////////////////////////*/
| |
− |
| |
− | </style>
| |
| </head> | | </head> |
| | | |
Line 730: |
Line 16: |
| <body> | | <body> |
| <a class="left" href="Aether.html"><img src="https://2017.igem.org/File:T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a> | | <a class="left" href="Aether.html"><img src="https://2017.igem.org/File:T--Pasteur_Paris--aether.png"; width="220px"; height="70px"></img></a> |
− | <a class="right" href="Aether.html"><img src="File:T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a> | + | <a class="right" href="Aether.html"><img src="https://static.igem.org/mediawiki/2017/1/10/T--Pasteur_Paris--iGEM.png"; width="90px"; height="70px"></img></a> |
| <nav class="menu"> | | <nav class="menu"> |
| <u1> | | <u1> |