1<style type="text/css"> 

2    .news { 

3        position:relative; 

4        margin-bottom:10px; 

5    } 

6    .news a{ 

7        text-decoration:none; 

8    } 

9    .news .date { 

10        color:#a0a0a0; 

11    } 

12    .news .title{ 

13        color:#4a4a4a; 

14    } 

15    .news a:hover .date,.news a:hover .title{ 

16        color:#D07E01; 

17        text-decoration:none; 

18    } 

19    .news a:hover .dot{ 

20        background-color:#D07E01; 

21    } 

22    .news a:hover{ 

23        text-decoration:none; 

24    } 

25    .news .line{ 

26        display: inline-block; 

27        height: 25px; 

28        border-right: 1px dashed #DCDCDC; 

29        position: absolute; 

30        left: 120px; 

31        top: 15px; 

32    } 

33    .news .dot{ 

34        display: inline-block; 

35        width: 7px; 

36        height: 7px; 

37        border-radius: 50%; 

38        background-color: #DCDCDC; 

39        margin: 0 14px; 

40    } 

41</style> 

42<div class="content"> 

43<#list entries as entry> 

44	<#assign entry = entry /> 

45	<#assign assetRenderer = entry.getAssetRenderer() /> 

46	<#assign viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, entry) /> 

47	<#assign viewURL = assetRenderer.getURLViewInContext(renderRequest, renderResponse, viewURL) /> 

48	<#assign dateFormat = "MM - dd - yyyy" /> 

49 

50	<div class="news"> 

51		<a href="${viewURL}"><span class="date">${dateUtil.getDate(entry.getPublishDate(), dateFormat, locale)}</span><span class="line"></span><span class="dot"></span><span class="title">${entry.getTitle(locale)}</span></a> 

52 

53	</div> 

54</#list> 

55</div>