Brainstorming
Saniya kari (Talk | contribs) |
Saniya kari (Talk | contribs) |
||
Line 4: | Line 4: | ||
<head> | <head> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
− | |||
/* The actual timeline (the vertical ruler) */ | /* The actual timeline (the vertical ruler) */ | ||
Line 21: | Line 17: | ||
position: absolute; | position: absolute; | ||
width: 6px; | width: 6px; | ||
− | background-color: | + | background-color: #9EC4EA; |
top: 0; | top: 0; | ||
bottom: 0; | bottom: 0; | ||
left: 50%; | left: 50%; | ||
margin-left: -3px; | margin-left: -3px; | ||
+ | border-radius: 10px; | ||
} | } | ||
Line 32: | Line 29: | ||
padding: 10px 40px; | padding: 10px 40px; | ||
position: relative; | position: relative; | ||
− | background-color: | + | background-color: #E6E6E6; |
width: 50%; | width: 50%; | ||
Line 44: | Line 41: | ||
height: 25px; | height: 25px; | ||
right: 10px; | right: 10px; | ||
− | background-color: | + | background-color: #22D66C; |
border: 4px solid #22D66C; | border: 4px solid #22D66C; | ||
top: 15px; | top: 15px; | ||
Line 70: | Line 67: | ||
.content { | .content { | ||
padding: 20px 30px; | padding: 20px 30px; | ||
− | background-color: | + | background-color: #E6E6E6; |
position: relative; | position: relative; | ||
border-radius: 6px; | border-radius: 6px; | ||
− | border: 1px solid | + | border: 1px solid #333; |
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.
Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.