Difference between revisions of "Team:Pasteur Paris"

Line 5: Line 5:
 
<style type="text/css">
 
<style type="text/css">
  
−
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
 
  
−
/*CONTENU DE LA PAGE DE GARDE*/
 
  
 +
/*CONTENU DE LA PAGE DE GARDE*/
  
 
body{
 
body{
Line 21: Line 20:
 
  width:1070px;
 
  width:1070px;
 
  heigth:2000px;
 
  heigth:2000px;
−
  top: 120px;
+
  top: 100px;
−
  left: -90px;
+
  left: -50px;
 
   background-color:#f9f9f9;
 
   background-color:#f9f9f9;
 
}
 
}
Line 29: Line 28:
 
.diaporama {
 
.diaporama {
 
width: 800px;
 
width: 800px;
 +
margin: 0 auto;
 
color:#777;
 
color:#777;
 +
        left:200px;
 
}
 
}
−
 
+
h1, h2 {
−
 
+
text-align:center;
−
a{
+
margin-top:-60px;
−
color: #fff;
+
−
text-decoration: none;
+
 
}
 
}
−
 
+
h1 {
−
 
+
padding: 1em 0;
−
h1{
+
margin-left: 6em;
−
 
+
font-size: 2.5em;
−
margin:0px;
+
font-family: sans-serif;
−
padding:20px 20px 10px 20px;
+
−
font-size:40px;
+
−
color:#333;
+
−
        text-shadow:1px 1px 1px #fff;
+
−
text-align:left;
+
−
font-weight:400;
+
−
        text-align:center;
+
 
}
 
}
−
h1 span{
+
h1 span {
−
        display:block;
+
display:block;
−
font-size: 15px;
+
margin: 0.75em 0 0 -2em;
−
        font-family: Georgia, serif;
+
line-height: 1em;
−
color:#17A3B5;
+
font-size: 0.55em;
−
padding-top:10px;
+
}
 +
h1 .cursive {
 +
margin: 1 0 0 -3em;
 +
font-size: 1.1em;
 +
line-height:0.5em;
 +
color: #00CED1;
 
}
 
}
−
 
 
figure {  
 
figure {  
 
display: inline-block;  
 
display: inline-block;  
Line 74: Line 70:
 
left:-9999px;
 
left:-9999px;
 
}
 
}
−
 
+
.cursive {
 +
font-family:sans-serif;
 +
}
 
.center {
 
.center {
 
text-align: center;
 
text-align: center;
Line 454: Line 452:
  
  
 +
.ABSTRACT {
 +
        cursor: url("https://static.igem.org/mediawiki/2016/5/5f/Design_pasteur2016.png"), pointer;
 +
display: inline;
 +
}
 +
.ABSTRACT a {
 +
        cursor: url("https://static.igem.org/mediawiki/2016/5/5f/Design_pasteur2016.png"), pointer;
 +
display: inline-block;
 +
height: 300px;
 +
width: 850px;
 +
text-align: center;
 +
background: white;
 +
padding: 5px 10px;
 +
margin: 100px 450px 100px 50px;;
 +
color: #2d2718;
 +
text-decoration: none;
 +
line-height: 1em;
 +
background: -moz-linear-gradient(center bottom , #efe9af 11%, #f7f4d7 56%) repeat scroll 0 0 #f6e682;
 +
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #efe9af),color-stop(0.65, #f6e682));
  
−
</style>
+
-moz-box-shadow: 0 0 65px #efe9af inset, 0 0 20px #f7f4d7  inset, 0 0 3px #f6e682;
 +
-webkit-box-shadow: 0 0 65px #efe9af inset, 0 0 20px #f7f4d7 inset, 0 0 3px #f6e682;
 +
box-shadow: 0 0 65px #efe9af inset, 0 0 20px #f7f4d7 inset, 0 0 3px #f6e682;
 +
-moz-transition: all 0.3s ease-out;
 +
-webkit-transition: all 0.3s ease-out;
 +
transition: all 0.3s ease-out;
 +
}
  
  
  
  
−
<body>
 
  
−
<body>
+
</style>
−
<!-- CONTENU DE LA PAGE DE GARDE CSS -->
+
 
 +
 
 +
 
  
 
<body>
 
<body>
 
<!-- CONTENU DE LA PAGE DE GARDE CSS -->
 
<!-- CONTENU DE LA PAGE DE GARDE CSS -->
−
<div id="accueil">
+
<div id="accueil">  
−
    <body>
+
 
−
            <h1>A biosilica-based detection device <span>for (re)emerging arboviral infectious diseases</span></h1>
+
<h1><center><span class="cursive">A biosilica-based detection device</span><span>for (re)emerging arboviral infectious diseases</span></center></h1>
−
         
+
 
 +
 
 +
 
 +
 
 +
 
 
<!--Diaporama-->
 
<!--Diaporama-->
−
         
 
  
−
              <div id="diaporama">
+
<head>
 +
<meta charset="UTF-8">
 +
<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Amaranth:700' rel='stylesheet' type='text/css'>
 +
 +
<link rel="stylesheet" href="styles.css" />
 +
</head>
 +
<div id="diaporama">
 +
 
<span id="sl_play" class="sl_command">&nbsp;</span>
 
<span id="sl_play" class="sl_command">&nbsp;</span>
 
<span id="sl_pause" class="sl_command">&nbsp;</span>
 
<span id="sl_pause" class="sl_command">&nbsp;</span>
Line 506: Line 540:
 
</div>
 
</div>
 
 
−
<span id="timeline"></span>
+
<span id="timeline"></span>
 +
 +
 +
 
</section>
 
</section>
 
</div>
 
</div>
 +
 +
 +
 
</section>
 
</section>
−
     
+
 
 +
 
 +
 
 
</body>
 
</body>
 +
  
 
</html>
 
</html>

Revision as of 13:54, 21 September 2016