(Prototype team page) |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="description" content="igem"> | ||
+ | <meta name="keywords" content="igem, biology"> | ||
+ | <meta name="copyright" content="© Copyright 2016 - iGEM Pasteur" /> | ||
+ | <meta name="author" content="Pasteur"> | ||
+ | <meta name="location" content="Paris, FRANCE"> | ||
+ | <meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="icon" type="image/png" href="./static/favicon.png" /> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
+ | <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("batonbleu").style.display = "block"; | |
− | + | } | |
− | + | function deletebaton() { | |
+ | document.getElementById("batonbleu").style.display = "none"; | ||
+ | } | ||
− | + | function apparitionbaton1() { | |
− | + | document.getElementById("batonbleu1").style.display = "block"; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | function deletebaton1() { | ||
+ | document.getElementById("batonbleu1").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton1b() { | ||
+ | document.getElementById("batonbleu1b").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton1b() { | ||
+ | document.getElementById("batonbleu1b").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton2() { | ||
+ | document.getElementById("batonbleu2").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton2() { | ||
+ | document.getElementById("batonbleu2").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton3() { | ||
+ | document.getElementById("batonbleu3").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton3() { | ||
+ | document.getElementById("batonbleu3").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton4() { | ||
+ | document.getElementById("batonbleu4").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton4() { | ||
+ | document.getElementById("batonbleu4").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton5() { | ||
+ | document.getElementById("batonbleu5").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton5() { | ||
+ | document.getElementById("batonbleu5").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton6() { | ||
+ | document.getElementById("batonbleu6").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton6() { | ||
+ | document.getElementById("batonbleu6").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton7() { | ||
+ | document.getElementById("batonbleu7").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton7() { | ||
+ | document.getElementById("batonbleu7").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton8() { | ||
+ | document.getElementById("batonbleu8").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton8() { | ||
+ | document.getElementById("batonbleu8").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton8b() { | ||
+ | document.getElementById("batonbleu8b").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton8b() { | ||
+ | document.getElementById("batonbleu8b").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton9() { | ||
+ | document.getElementById("batonbleu9").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton9() { | ||
+ | document.getElementById("batonbleu9").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton10() { | ||
+ | document.getElementById("batonbleu10").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton10() { | ||
+ | document.getElementById("batonbleu10").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton11() { | ||
+ | document.getElementById("batonbleu11").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton11() { | ||
+ | document.getElementById("batonbleu11").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton12() { | ||
+ | document.getElementById("batonbleu12").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton12() { | ||
+ | document.getElementById("batonbleu12").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton13() { | ||
+ | document.getElementById("batonbleu13").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton13() { | ||
+ | document.getElementById("batonbleu13").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton14() { | ||
+ | document.getElementById("batonbleu14").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton14() { | ||
+ | document.getElementById("batonbleu14").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function apparitionbaton15() { | ||
+ | document.getElementById("batonbleu15").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function deletebaton15() { | ||
+ | document.getElementById("batonbleu15").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | /*////////////////////////////////////////////*/ | ||
+ | |||
+ | function CarnotNoiretBlanc() { | ||
+ | document.getElementById("CarnotBW").style.display = "block"; | ||
+ | document.getElementById("Carnot").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function CarnotCouleur() { | ||
+ | document.getElementById("Carnot").style.display = "block"; | ||
+ | document.getElementById("CarnotBW").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | |||
+ | function GlobalCareNoiretBlanc() { | ||
+ | document.getElementById("GlobalCareBW").style.display = "block"; | ||
+ | document.getElementById("GlobalCare").style.display = "none"; | ||
+ | } | ||
+ | |||
+ | function GlobalCareCouleur() { | ||
+ | document.getElementById("GlobalCare").style.display = "block"; | ||
+ | document.getElementById("GlobalCareBW").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"; | ||
+ | } | ||
+ | |||
+ | 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"; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | <style> | ||
+ | |||
+ | @font-face { | ||
+ | font-family: "CrimsonTextSemi"; | ||
+ | src: url("https://static.igem.org/mediawiki/2017/7/75/T--Pasteur_Paris--CrimsonText-Semibold.ttf"); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: "CrimsonTextRoman"; | ||
+ | src: url("https://static.igem.org/mediawiki/2017/0/0e/T--Pasteur_Paris--CrimsonText-Roman.ttf"); | ||
+ | } | ||
+ | |||
+ | html{ | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | margin:30px; | ||
+ | padding:30px; | ||
+ | background-color:white; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | position: fixed; | ||
+ | left:30px; | ||
+ | line-height: 200%; | ||
+ | font-family: Helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | 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: left; | ||
+ | right:30px; | ||
+ | bottom: 4%; | ||
+ | } | ||
+ | |||
+ | /*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; | ||
+ | } | ||
+ | |||
+ | /*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; | ||
+ | } | ||
+ | |||
+ | #sideMenu{ | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | right:120px; | ||
+ | } | ||
+ | |||
+ | /*////////////////////////////////////////////*/ | ||
+ | /*Ensemble de class pour les onglets*/ | ||
+ | |||
+ | .maintext { | ||
+ | position:relative; | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | |||
+ | .text { | ||
+ | position:relative; | ||
+ | margin-left: 287.75px; | ||
+ | } | ||
+ | |||
+ | .maintext2 { | ||
+ | position:relative; | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | |||
+ | .suitemain { | ||
+ | position: relative; | ||
+ | width:65%; | ||
+ | text-align: justify; | ||
+ | font-family:Helvetica, sans-serif; | ||
+ | font-size:9pt; | ||
+ | line-height:12pt; | ||
+ | } | ||
+ | |||
+ | .suitemain1 { | ||
+ | position: relative; | ||
+ | margin-top:50px; | ||
+ | width: 65%; | ||
+ | text-align: justify; | ||
+ | font-family:Helvetica, sans-serif; | ||
+ | font-size:9pt; | ||
+ | line-height:12pt; | ||
+ | } | ||
+ | |||
+ | #title{ | ||
+ | font-size: 60pt; | ||
+ | border-bottom:4px dotted black; | ||
+ | width: 182px; | ||
+ | z-index:-1; | ||
+ | margin-left: 287.75px; | ||
+ | margin-top: 90px; | ||
+ | } | ||
+ | |||
+ | #subtitles{ | ||
+ | position:relative; | ||
+ | margin-left: 287.75px; | ||
+ | top:10px; | ||
+ | font-size: 18pt; | ||
+ | font-weight: normal; | ||
+ | /*border-bottom:4px dotted black;*/ | ||
+ | z-index:-1; | ||
+ | width: 95px; | ||
+ | border-bottom:4px dotted black; | ||
+ | } | ||
+ | |||
+ | #subtitles1{ | ||
+ | font-size: 18pt; | ||
+ | font-weight: normal; | ||
+ | /*border-bottom:4px dotted black;*/ | ||
+ | z-index:-1; | ||
+ | width: 160px; | ||
+ | border-bottom:4px dotted black; | ||
+ | } | ||
+ | |||
+ | #subtitles2{ | ||
+ | font-size: 18pt; | ||
+ | font-weight: normal; | ||
+ | /*border-bottom:4px dotted black;*/ | ||
+ | z-index:-1; | ||
+ | width: 80px; | ||
+ | border-bottom:4px dotted black; | ||
+ | margin-top:225px; | ||
+ | } | ||
+ | |||
+ | .names{ | ||
+ | font-size: 14pt; | ||
+ | } | ||
+ | |||
+ | .caseadroite { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top:10px; | ||
+ | left:70%; | ||
+ | width:337.5px; | ||
+ | } | ||
+ | |||
+ | .Nom { | ||
+ | font-size: 9pt; | ||
+ | } | ||
+ | |||
+ | .Nom{ | ||
+ | display: table-row; | ||
+ | border-spacing: separate; | ||
+ | } | ||
+ | |||
+ | .Nom:hover .caseadroite { | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .Nom1{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.tableaunoms { | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .names{ | ||
+ | display: table-cell; | ||
+ | } | ||
+ | |||
+ | .Presentation { | ||
+ | font-size:9pt; | ||
+ | font-family:Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | .Prenom{ | ||
+ | font-size:15pt; | ||
+ | } | ||
+ | |||
+ | .Ecole{ | ||
+ | font-size:11.25pt; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Ensemble de class pour les onglets*/ | ||
+ | |||
+ | .outer { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 28%; | ||
+ | } | ||
+ | |||
+ | .outer1 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 38%; | ||
+ | } | ||
+ | |||
+ | .outer1b { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 47.5%; | ||
+ | } | ||
+ | |||
+ | .outer2 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 25%; | ||
+ | } | ||
+ | |||
+ | .outer3 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 34%; | ||
+ | } | ||
+ | .outer3a { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 48%; | ||
+ | } | ||
+ | .outer3b { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 59%; | ||
+ | } | ||
+ | |||
+ | .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%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .outer8 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 22%; | ||
+ | } | ||
+ | |||
+ | .outer8b { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 31%; | ||
+ | } | ||
+ | |||
+ | .outer9 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 42%; | ||
+ | } | ||
+ | |||
+ | .outer10 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 49%; | ||
+ | } | ||
+ | |||
+ | .outer11 { | ||
+ | position: fixed; | ||
+ | left: 33px; | ||
+ | top: 57%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .outer12 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 22%; | ||
+ | } | ||
+ | |||
+ | .outer13 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 28%; | ||
+ | } | ||
+ | |||
+ | .outer13b { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 40%; | ||
+ | } | ||
+ | |||
+ | .outer14 { | ||
+ | position: fixed; | ||
+ | left: 40px; | ||
+ | top: 54%; | ||
+ | } | ||
+ | |||
+ | .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*/ | ||
+ | |||
+ | #batonbleu{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu1{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu1b{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu2{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu3{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | #batonbleu3a{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | #batonbleu3b{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:15%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu4{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu5{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu6{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu7{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:22%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu8{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:30%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu8b{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:30%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu9{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:29%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu10{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu11{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:25%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu12{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:10%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:17.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu13{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | #batonbleu13b{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:33%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu14{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:37%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | #batonbleu15{ | ||
+ | position:relative; | ||
+ | top:5px; | ||
+ | left:10%; | ||
+ | display:none; | ||
+ | height:3px; | ||
+ | width:22.5px; | ||
+ | background: #3298CB; | ||
+ | content:"" | ||
+ | } | ||
+ | |||
+ | li{margin:5px} | ||
+ | |||
+ | /*////////////////////////////////////////////*/ | ||
+ | |||
+ | #logo{ | ||
+ | font-size:18px | ||
+ | } | ||
+ | |||
+ | .Chili{ | ||
+ | z-index:-1; | ||
+ | margin-left: 287.75px; | ||
+ | top:90px; | ||
+ | width:56%; | ||
+ | height: 55%; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content{ | ||
+ | width:100%; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | .colonne_des_sponsors{ | ||
+ | display: table-cell; | ||
+ | } | ||
+ | |||
+ | .cellule_des_sponsors{ | ||
+ | display: table-row; | ||
+ | border-spacing: separate; | ||
+ | width: 250px; | ||
+ | height:100px; | ||
+ | } | ||
+ | |||
+ | div.tableau_des_sponsors { | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .description_du_sponsor{ | ||
+ | width: 500px; | ||
+ | height:110px; | ||
+ | } | ||
+ | |||
+ | /*.Azeline:hover:after{ | ||
+ | content:url(Z:/iGEM_2017/WIKI/Document/Aze.png); | ||
+ | position:fixed; | ||
+ | left:950px; | ||
+ | top:295px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .Aze:hover:after{ | ||
+ | content:"Azeline is a cool and nice girl"; | ||
+ | position:fixed; | ||
+ | left:750px; | ||
+ | top:295px; | ||
+ | width: 190px; | ||
+ | } | ||
+ | |||
+ | */ | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body onload="periodiqueapparition()"> | ||
+ | <a class="left" href="Aether.html"><img src="Aether.png"; width="220px"; height="70px"></img></a> | ||
+ | <a class="right" href="Aether.html"><img src="iGEM.png"; width="90px"; height="70px"></img></a> | ||
+ | |||
+ | <nav class="menu"> | ||
+ | <ul> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionTeam()">Team </span></FONT></li> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionProject()">Project </span></FONT></li> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionDesign()">Design </span></FONT></li> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionLabWork()">Lab work </span></FONT></li> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionHumanPractice()">Human Practice </span></FONT></li> | ||
+ | <li><FONT size ="2.25pt" color=#00000><span class="lastword"; onclick="apparitionAchievements()">Achievements </span></FONT></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | <div id="Team" style="display:none"> | ||
+ | <div class="outer"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton()"; onmouseout="deletebaton()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Team">Our Team </a> | ||
+ | <div id="batonbleu"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer1"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton1()"; onmouseout="deletebaton1()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Team#Sponsors">Sponsors </a> | ||
+ | <div id="batonbleu1"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer1b"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton1b()"; onmouseout="deletebaton1b()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Attributions">Attributions </a> | ||
+ | <div id="batonbleu1b"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div id="Project" style="display:none"> |
− | < | + | <div class="outer2"> |
− | < | + | <div class="inner"; onmouseover="apparitionbaton2()"; onmouseout="deletebaton2()"> |
− | < | + | <div class="list rotate"> |
− | < | + | <a href="https://2017.igem.org/Team:Pasteur_Paris/Project">Context</a> |
− | < | + | <div id="batonbleu2"> |
− | < | + | </div> |
− | </ | + | </div> |
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer3"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton3()"; onmouseout="deletebaton3()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Entrepreneurship">Entrepreneurship</a> | ||
+ | <div id="batonbleu3"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer3a"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton3a()"; onmouseout="deletebaton3a()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Engagement">Engagement</a> | ||
+ | <div id="batonbleu3a"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer3b"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton3b()"; onmouseout="deletebaton3b()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Model">Model</a> | ||
+ | <div id="batonbleu3b"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div id="Design" style="display:none"> | ||
+ | <div class="outer4"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton4()"; onmouseout="deletebaton4()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Science</a> | ||
+ | <div id="batonbleu4"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer5"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton5()"; onmouseout="deletebaton5()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Product</a> | ||
+ | <div id="batonbleu5"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer6"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton6()"; onmouseout="deletebaton6()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Design">Scenario</a> | ||
+ | <div id="batonbleu6"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer7"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton7()"; onmouseout="deletebaton7()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Applied_Design">Applied<br>Design</a> | ||
+ | <div id="batonbleu7"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Labwork" style="display:none"> | ||
+ | <div class="outer8"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton8()"; onmouseout="deletebaton8()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Notebook">Notebook</a> | ||
+ | <div id="batonbleu8"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer8b"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton8b()"; onmouseout="deletebaton8b()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Demonstrate">Demonstrate</a> | ||
+ | <div id="batonbleu8b"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer9"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton9()"; onmouseout="deletebaton9()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/InterLab">InterLab</a> | ||
+ | <div id="batonbleu9"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer10"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton10()"; onmouseout="deletebaton10()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Protocol">Protocol</a> | ||
+ | <div id="batonbleu10"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer11"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton11()"; onmouseout="deletebaton11()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Safety">Safety<br>Security</a> | ||
+ | <div id="batonbleu11"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="HumanPractice" style="display:none"> | ||
+ | <div class="outer12"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton12()"; onmouseout="deletebaton12()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Law">Law</a> | ||
+ | <div id="batonbleu12"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer13"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton13()"; onmouseout="deletebaton13()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Collaborations">Collaborations</a> | ||
+ | <div id="batonbleu13"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer13b"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton13b()"; onmouseout="deletebaton13b()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Silver">Human Practices</a> | ||
+ | <div id="batonbleu13b"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="outer14"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton14()"; onmouseout="deletebaton14()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/HP/Gold_Integrated">Integrated Practices</a> | ||
+ | <div id="batonbleu14"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="Achievements" style="display:none"> | ||
+ | <div class="outer15"> | ||
+ | <div class="inner"; onmouseover="apparitionbaton15()"; onmouseout="deletebaton15()"> | ||
+ | <div class="list rotate"> | ||
+ | <a href="https://2017.igem.org/Team:Pasteur_Paris/Parts">Parts</a> | ||
+ | <div id="batonbleu15"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Revision as of 17:44, 30 October 2017