Revathireddy (Talk | contribs) |
Revathireddy (Talk | contribs) |
||
Line 51: | Line 51: | ||
} | } | ||
} | } | ||
− | |||
* { | * { | ||
Line 57: | Line 56: | ||
} | } | ||
− | + | body { | |
+ | background-color: #474e5d; | ||
+ | font-family: Helvetica, sans-serif; | ||
+ | } | ||
/* The actual timeline (the vertical ruler) */ | /* The actual timeline (the vertical ruler) */ | ||
.timeline { | .timeline { | ||
− | position: | + | position: relative; |
max-width: 1200px; | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 68: | Line 70: | ||
/* The actual timeline (the vertical ruler) */ | /* The actual timeline (the vertical ruler) */ | ||
.timeline::after { | .timeline::after { | ||
− | content: | + | content: ''; |
position: absolute; | position: absolute; | ||
width: 6px; | width: 6px; | ||
− | background-color: | + | background-color: white; |
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
left: 50%; | left: 50%; | ||
margin-left: -3px; | margin-left: -3px; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 124: | Line 121: | ||
z-index: 1; | z-index: 1; | ||
right: 30px; | right: 30px; | ||
− | border: | + | border: medium solid white; |
border-width: 10px 0 10px 10px; | border-width: 10px 0 10px 10px; | ||
− | border-color: | + | border-color: transparent transparent transparent white; |
} | } | ||
Line 138: | Line 135: | ||
z-index: 1; | z-index: 1; | ||
left: 30px; | left: 30px; | ||
− | border: | + | border: medium solid white; |
border-width: 10px 10px 10px 0; | border-width: 10px 10px 10px 0; | ||
− | border-color: | + | border-color: transparent white transparent transparent; |
} | } | ||
/* Fix the circle for containers on the right side */ | /* Fix the circle for containers on the right side */ | ||
.right::after { | .right::after { | ||
− | left: - | + | left: -16px; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 156: | Line 148: | ||
.content { | .content { | ||
padding: 20px 30px; | padding: 20px 30px; | ||
− | background-color: | + | background-color: white; |
position: relative; | position: relative; | ||
border-radius: 6px; | border-radius: 6px; | ||
Line 178: | Line 170: | ||
.container::before { | .container::before { | ||
left: 60px; | left: 60px; | ||
− | border: | + | border: medium solid white; |
border-width: 10px 10px 10px 0; | border-width: 10px 10px 10px 0; | ||
− | border-color: | + | border-color: transparent white transparent transparent; |
} | } | ||
Line 193: | Line 185: | ||
} | } | ||
} | } | ||
− | |||
</style> | </style> | ||
</body> | </body> |
Revision as of 07:32, 16 October 2017