Difference between revisions of "Team:Pasteur Paris/Immunology"

(Created page with "{{Pasteur_Paris_Science}}")
 
Line 1: Line 1:
 
{{Pasteur_Paris_Science}}
 
{{Pasteur_Paris_Science}}
 +
 +
<html>
 +
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
 +
body{
 +
position: relative;
 +
 +
}
 +
 +
h2 {
 +
        display:block;
 +
  font-size: 42px;
 +
        font-family: 'Oswald', Arial, sans-serif;
 +
  color:#333;
 +
  padding-top:-10px;
 +
        margin-left:10%;
 +
}
 +
 +
h3 {
 +
        display:block;
 +
  font-size: 27px;
 +
        font-family: 'Oswald', Arial, sans-serif;
 +
  color:#333;
 +
  padding-top:1%;
 +
        margin-left:10%;
 +
}
 +
 +
h4 {
 +
        display:block;
 +
  font-size: 20px;
 +
        font-family: 'Oswald', Arial, sans-serif;
 +
  padding-top:1%;
 +
        margin-left:10%;
 +
}
 +
h5 {
 +
        display:block;
 +
  font-size: 20px;
 +
        color:#17A3B5;
 +
        font-family: 'Oswald', Arial, sans-serif;
 +
  padding-top:1%;
 +
        margin-left:10%;
 +
}
 +
 +
#lightbox{
 +
    z-index:1001;
 +
}
 +
div.lightbox {
 +
  display: none;
 +
  position: fixed;
 +
  left: 0;
 +
  top: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
    z-index:1001;
 +
 +
}
 +
 +
/*afficher le contenu des titres*/
 +
div.lightbox:target {
 +
    display: table;
 +
    z-index:4001;
 +
}
 +
 +
/*alignement du contenu pour tout navigateur*/
 +
div.lightbox figure {
 +
  display: table-cell;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  vertical-align: middle;
 +
      z-index:1001;
 +
}
 +
 +
/*arrière plan du contenu bleu claire font plus foncé*/
 +
div.lightbox figure figcaption {
 +
  display: block;
 +
  z-index:4000;
 +
  margin: auto;
 +
  padding: 8px;
 +
  background-color: #e4f2f3 ;
 +
  height: 500px;
 +
  position: relative;
 +
  overflow: auto;
 +
  border: 1px #000000 solid;
 +
  border-radius: 10px;
 +
  text-align: justify;
 +
  font-size: 14px;
 +
}
 +
 +
 +
div.lightbox figure .closemsg {
 +
  display: block;
 +
  margin: auto;
 +
  height: 0;
 +
  overflow: visible;
 +
  text-align: right;
 +
 +
  cursor: default;
 +
}
 +
 +
div.lightbox figure .closemsg, div.lightbox figure figcaption {
 +
  width: 70%;
 +
 +
}
 +
 +
/*croix pour fermer*/
 +
.closemsg::after {
 +
  content: "\00D7";
 +
  display: inline-block;
 +
  position: relative;
 +
  right: -20px;
 +
  top: -10px;
 +
  color: ##e4f2f3;
 +
  border: 1px #ffffff solid;
 +
  border-radius: 10px;
 +
  width: 20px;
 +
  height: 20px;
 +
  line-height: 18px;
 +
  text-align: center;
 +
  margin: 0;
 +
  background-color: #e4f2f3;
 +
  font-weight: bold;
 +
  cursor: pointer;
 +
}
 +
 +
strong {
 +
  font-weight: bold;
 +
}
 +
 +
 +
 +
table {
 +
  background: #f5f5f5;
 +
  border-collapse: separate;
 +
  box-shadow: inset 0 1px 0 #fff;
 +
  font-size: 12px;
 +
  line-height: 24px;
 +
  margin: 30px auto;
 +
  text-align: left;
 +
  width: 400px;
 +
}
 +
 +
th {
 +
  background: linear-gradient(#777, #444);
 +
  border-left: 1px solid #555;
 +
  border-right: 1px solid #777;
 +
  border-top: 1px solid #555;
 +
  border-bottom: 1px solid #333;
 +
  box-shadow: inset 0 1px 0 #999;
 +
  color: #fff;
 +
  font-weight: bold;
 +
  padding: 10px 15px;
 +
  position: relative;
 +
  text-shadow: 0 1px 0 #000; 
 +
}
 +
 +
th:after {
 +
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
 +
  content: '';
 +
  display: block;
 +
  height: 25%;
 +
  left: 0;
 +
  margin: 1px 0 0 0;
 +
  position: absolute;
 +
  top: 25%;
 +
  width: 100%;
 +
}
 +
 +
th:first-child {
 +
  border-left: 1px solid #777; 
 +
  box-shadow: inset 1px 1px 0 #999;
 +
}
 +
 +
th:last-child {
 +
  box-shadow: inset -1px 1px 0 #999;
 +
}
 +
 +
td {
 +
  border-right: 1px solid #fff;
 +
  border-left: 1px solid #e8e8e8;
 +
  border-top: 1px solid #fff;
 +
  border-bottom: 1px solid #e8e8e8;
 +
  padding: 10px 15px;
 +
  position: relative;
 +
  transition: all 300ms;
 +
}
 +
 +
td:first-child {
 +
  box-shadow: inset 1px 0 0 #fff;
 +
}
 +
 +
td:last-child {
 +
  border-right: 1px solid #e8e8e8;
 +
  box-shadow: inset -1px 0 0 #fff;
 +
}
 +
 +
 +
 +
tr:nth-child(odd) td {
 +
  background: #f1f1f1 ;
 +
}
 +
 +
 +
 +
</style>
 +
 +
<body>
 +
 +
  <div>
 +
 +
  <a href="https://2016.igem.org/Team:Pasteur_Paris/Immunology"><h2><B>Antibody-binding Notebook</B></h2><a/>
 +
 +
       
 +
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 19:30, 2 October 2016