Commit e973ccdd authored by Si Mon's avatar Si Mon 😓

font awesome logos into timeline instead of amazon img requests

parent 2cbfeb74
de-fil-en-aiguille:
......@@ -6,7 +6,7 @@
<div id="timeline-wrapper">
<section id="cd-timeline" class="cd-container cssanimations">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<div class="cd-timeline-img vert">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
</div> <!-- cd-timeline-img -->
......@@ -35,7 +35,7 @@
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<div class="cd-timeline-img rouge">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-movie.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
......@@ -48,8 +48,8 @@
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-picture.svg" alt="Picture">
<div class="cd-timeline-img jaune">
<i class="fa fa-bug fa-2x"></i>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
......@@ -61,7 +61,7 @@
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<div class="cd-timeline-img rouge">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
......@@ -74,7 +74,7 @@
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location">
<div class="cd-timeline-img vert">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
......@@ -87,7 +87,7 @@
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<div class="cd-timeline-img jaune">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-movie.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
......
......@@ -92,23 +92,24 @@ Main components
border-radius: 50%;
box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
.cd-timeline-img i {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
margin-left: -13px;
margin-top: -13px;
color: #fff;
}
.cd-timeline-img.cd-picture {
.cd-timeline-img.vert {
background: #75ce66;
}
.cd-timeline-img.cd-movie {
.cd-timeline-img.rouge {
background: #c03b44;
}
.cd-timeline-img.cd-location {
.cd-timeline-img.jaune {
background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment