(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
+ | #paragraph p{ | ||
+ | font-size:18px !important; | ||
+ | padding-left:0 !important; | ||
+ | } | ||
+ | |||
+ | |||
.timeline { | .timeline { | ||
display: flex; | display: flex; | ||
Line 13: | Line 19: | ||
.timeline__content-desc { | .timeline__content-desc { | ||
− | margin: 15px; | + | margin-top: 15px; |
+ | margin-bottom: 15px; | ||
font-size: 20px; | font-size: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 22: | Line 29: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | |||
.timeline:before { | .timeline:before { | ||
position: absolute; | position: absolute; | ||
Line 139: | Line 145: | ||
.timeline__content { | .timeline__content { | ||
margin-top: 75px; | margin-top: 75px; | ||
− | } | + | } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.timeline-item { | .timeline-item { | ||
opacity: .3; | opacity: .3; | ||
Line 154: | Line 156: | ||
transform: translateY(-80px); | transform: translateY(-80px); | ||
} | } | ||
− | + | .timeline-item:before { | |
top: 0; | top: 0; | ||
left: 10px; | left: 10px; | ||
Line 166: | Line 168: | ||
left:auto; | left:auto; | ||
} | } | ||
− | |||
− | |||
.timeline-item.active:before { | .timeline-item.active:before { | ||
top: 0; | top: 0; | ||
Line 174: | Line 174: | ||
} | } | ||
} | } | ||
− | + | @media only screen and (max-width: 768px) { | |
− | + | .timeline__img{ | |
+ | margin-top:10%; | ||
} | } | ||
+ | .timeline-item:before { | ||
+ | font-size:16px; | ||
+ | top: -5%; | ||
+ | } | ||
+ | .timeline-item:nth-child(even):before { | ||
+ | font-size:16px; | ||
+ | top: -5%; | ||
+ | } | ||
+ | .timeline-item:before { | ||
+ | font-size:16px; | ||
+ | |||
+ | } | ||
+ | |||
+ | } | ||
Latest revision as of 13:24, 1 November 2017