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

Line 13: Line 13:
 
   padding: 0;
 
   padding: 0;
 
   font-family: sans-serif;
 
   font-family: sans-serif;
−
}
 
−
 
−
h1{
 
−
        font-family: 'Oswald', Arial, sans-serif;
 
−
        margin-top:-3%;
 
−
padding:50px 30px 30px 30px;
 
−
font-size:40px;
 
−
color:#333;
 
−
text-align:left, center;
 
−
}
 
−
 
−
 
−
h2{
 
−
        font-family: 'Oswald', Arial, sans-serif;
 
−
        margin-top:1%;
 
−
        margin-bottom:2%;
 
−
font-size:30px;
 
−
color:#17A3B5;
 
−
text-align:left, center;
 
 
}
 
}
  
 
section#timeline {
 
section#timeline {
 
   width: 70%;
 
   width: 70%;
−
   margin-left:15%;
+
   margin: 20px auto;
−
  margin-top: 20px;
+
 
   position: relative;
 
   position: relative;
  
Line 70: Line 50:
 
section#timeline article div.inner span.date {
 
section#timeline article div.inner span.date {
 
   display: block;
 
   display: block;
−
   width: 70px;
+
   width: 60px;
−
   height: 60px;
+
   height: 50px;
 
   padding: 5px 0;
 
   padding: 5px 0;
 
   position: absolute;
 
   position: absolute;
Line 78: Line 58:
 
   margin: 0 0 0 -32px;
 
   margin: 0 0 0 -32px;
 
   border-radius: 100%;
 
   border-radius: 100%;
−
   font-size: 10px;
+
   font-size: 12px;
 
   font-weight: 900;
 
   font-weight: 900;
 
   text-transform: uppercase;
 
   text-transform: uppercase;
Line 88: Line 68:
 
section#timeline article div.inner span.date span {
 
section#timeline article div.inner span.date span {
 
   display: block;
 
   display: block;
−
   text-align: justify;
+
   text-align: center;
 
}
 
}
 
section#timeline article div.inner span.date span.day {
 
section#timeline article div.inner span.date span.day {
Line 134: Line 114:
 
}
 
}
 
section#timeline article:nth-child(1) div.inner h2 {
 
section#timeline article:nth-child(1) div.inner h2 {
−
   background: #A8D5D8;
+
   background: #17A3B5;
 
}
 
}
 
section#timeline article:nth-child(1) div.inner h2:after {
 
section#timeline article:nth-child(1) div.inner h2:after {
−
   background: #A8D5D8 ;
+
   background: #17A3B5 ;
 
}
 
}
 
section#timeline article:nth-child(2) div.inner h2 {
 
section#timeline article:nth-child(2) div.inner h2 {
−
   background: #efb521 ;
+
   background: #EDA194 ;
 
}
 
}
 
section#timeline article:nth-child(2) div.inner h2:after {
 
section#timeline article:nth-child(2) div.inner h2:after {
−
   background: #efb521 ;
+
   background: #EDA194 ;
 
}
 
}
 
section#timeline article:nth-child(3) div.inner h2 {
 
section#timeline article:nth-child(3) div.inner h2 {
−
   background: #A8D5D8 ;
+
   background: #DF5939 ;
 
}
 
}
 
section#timeline article:nth-child(3) div.inner h2:after {
 
section#timeline article:nth-child(3) div.inner h2:after {
−
   background: #A8D5D8 ;
+
   background: #DF5939 ;
 
}
 
}
 
section#timeline article:nth-child(4) div.inner h2 {
 
section#timeline article:nth-child(4) div.inner h2 {
−
   background: #17A3B5 ;
+
   background: #A8D5D8 ;
 
}
 
}
 
section#timeline article:nth-child(4) div.inner h2:after {
 
section#timeline article:nth-child(4) div.inner h2:after {
−
   background: #17A3B5 ;
+
   background: #A8D5D8 ;
 
}
 
}
 
section#timeline article:nth-child(5) div.inner h2 {
 
section#timeline article:nth-child(5) div.inner h2 {
−
   background: #17A3B5 ;
+
   background: #efb521 ;
 
}
 
}
 
section#timeline article:nth-child(5) div.inner h2:after {
 
section#timeline article:nth-child(5) div.inner h2:after {
−
   background: #17A3B5 ;
+
   background:#efb521 ;
 
}
 
}
−
section#timeline article:nth-child(6) div.inner h2 {
 
−
  background: #efb521 ;
 
−
}
 
−
section#timeline article:nth-child(6) div.inner h2:after {
 
−
  background: #efb521 ;
 
−
}
 
−
section#timeline article:nth-child(7) div.inner h2 {
 
−
  background: #EDA194 ;
 
−
}
 
−
section#timeline article:nth-child(7) div.inner h2:after {
 
−
  background: #EDA194 ;
 
−
}
 
−
section#timeline article:nth-child(8) div.inner h2 {
 
−
  background: #17A3B5 ;
 
−
}
 
−
section#timeline article:nth-child(8) div.inner h2:after {
 
−
  background: #17A3B5 ;
 
−
}
 
−
section#timeline article:nth-child(9) div.inner h2 {
 
−
  background: #efb521 ;
 
−
}
 
−
section#timeline article:nth-child(9) div.inner h2:after {
 
−
  background: #efb521 ;
 
−
}
 
−
section#timeline article:nth-child(10) div.inner h2 {
 
−
  background: #17A3B5 ;
 
−
}
 
−
section#timeline article:nth-child(10) div.inner h2:after {
 
−
  background: #17A3B5 ;
 
−
}
 
−
section#timeline article:nth-child(11) div.inner h2 {
 
−
  background: #DF5939 ;
 
−
}
 
−
section#timeline article:nth-child(11) div.inner h2:after {
 
−
  background: #DF5939  ;
 
−
}
 
−
section#timeline article:nth-child(12) div.inner h2 {
 
−
  background: #efb521 ;
 
−
}
 
−
section#timeline article:nth-child(12) div.inner h2:after {
 
−
  background: #efb521  ;
 
−
}
 
−
section#timeline article:nth-child(13) div.inner h2 {
 
−
  background: #17A3B5  ;
 
−
}
 
−
section#timeline article:nth-child(13) div.inner h2:after {
 
−
  background: #17A3B5  ;
 
−
}
 
−
 
 
</style>
 
</style>
  
 
<body>
 
<body>
  
−
<h1><B>Human Practice</B> </h1>
 
−
<h2><B> TIMELINE </br>Collaboration & Meet up</B> </h2>
 
  
 
<section id="timeline">
 
<section id="timeline">

Revision as of 11:00, 4 October 2016