01
02
03
-
04
Yesterday
05
06
just had a lunch ...
07
08
09
10
-
11
about an hour ago
12
13
play football
14
15
16
-
17
Monday
18
19
Have a nice hot chocolate in the morning
20
21
22
-
23
Yesterday
24
25
learn css
26
27
28
1
#timeline{
2
width:800px;
3
list-style-type: none;
4
background: url(timeline.png) top center repeat-y;
5
margin: 0 auto;
6
padding:20px;
7
margin-bottom:10px;
8
}
01
#timeline li{
02
width:375px; -moz-border-radius:2px; border-radius:2px; webkit-border-radius:2px; border:1px solid #c3ccdf; padding:5px;background-color:#FFF;
03
}
04
05
#timeline li:nth-of-type(odd){
06
clear: both;float:right;
07
}
08
09
#timeline li:nth-of-type(odd), #timeline li:nth-of-type(even){
10
margin:-10px 0 20px 0;
11
}
1
#timeline li:nth-of-type(even) .corner{
2
position:absolute; display:block; margin-left:380px;width:20px; height:15px;background:url(right.png);
3
}
4
#timeline li:nth-of-type(odd) .corner{
5
position:absolute;display:block;margin-left:-25px;width:20px;height:15px;background:url(left.png);
6
}