1<style> 

2    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 

3 

4    .title-tab { 

5        font-family: Roboto !important; 

6        font-size: 32px !important; 

7        font-weight: 700 !important; 

8        line-height: 41.6px !important; 

9        text-underline-position: from-font !important; 

10        text-decoration-skip-ink: none !important; 

11        text-transform: uppercase !important; 

12        margin-bottom: 40px !important; 

13        color: #2E2E2E !important; 

14    } 

15 

16    li.ct-li-thanhvien-ubnd::marker { 

17        color: #E0E0E0; 

18    } 

19 

20    li.ct-li-thanhvien-ubnd::marker:hover { 

21        color: #ca0d0d; 

22    } 

23 

24    .ct-circle-icon { 

25        font-size: 10px; 

26        color: #E0E0E0; 

27        align-self: center; 

28    } 

29 

30    .title-item { 

31        font-family:Roboto !important; 

32        font-size: 16px; 

33        font-weight: 700; 

34        line-height: 22.8px; 

35        cursor: pointer; 

36        color: #2E2E2E; 

37        -webkit-line-clamp: 2; 

38        -webkit-box-orient: vertical; 

39        overflow: hidden; 

40        text-overflow: ellipsis; 

41        white-space: normal; 

42        display: -webkit-box; 

43    } 

44 

45    .wrap-title:hover { 

46        color: #0D4C92; 

47 

48        .ct-circle-icon { 

49            color: #0D4C92; 

50        } 

51        .title-item { 

52            color: #0D4C92 !important; 

53        } 

54    } 

55 

56    .list-left, .list-right { 

57        /*text-align: center;*/ 

58        margin-top: 1rem; 

59        /*height: 50px;*/ 

60    } 

61 

62    .wrap-title { 

63        padding: 1rem 0; 

64    } 

65</style> 

66 

67<#assign indexLocal = 0 /> 

68<#assign totalEntries = entries?size /> 

69<#assign groupSize = totalEntries / 2 /> 

70<div class="row introduce_donvi_bg pt-5 pb-4"> 

71    <div class="col-12 text-center mb-5"> 

72        <span class="title-tab pt-5">thành viên <br> ubnd thành phố qua các thời kỳ</span> 

73    </div> 

74    <#if entries?has_content> 

75        <#assign entries = entries?sort_by("priority") /> 

76        <#assign dataLeft = entries[0..groupSize] /> 

77        <#assign dataRight = entries[groupSize + 1..totalEntries - 1] /> 

78 

79        <div class="col-12 col-lg-6 list-left"> 

80            <#list dataLeft as entry> 

81                <#assign 

82                renderer = entry.getAssetRenderer() 

83                index = entry.getPriority() 

84                className = renderer.getClassName() /> 

85                <#if className == "com.liferay.journal.model.JournalArticle" && entry.getAvailableLanguageIds()?seq_contains(locale)> 

86                    <#assign 

87                    title = entry.getTitle(locale) 

88                    viewURL = "${themeDisplay.getPathFriendlyURLPublic()}${themeDisplay.getSiteGroup().getFriendlyURL()}/-/${renderer.getUrlTitle()}" 

89                    indexLocal = indexLocal + 1 /> 

90                </#if> 

91                <div class="d-flex wrap-title"> 

92                    <i class="fa fa-circle ct-circle-icon pr-3"></i> 

93                    <span onclick="location.href='${viewURL}'" class="title-item">${title?replace("(Theo", "<br/>(Theo")}</span> 

94                </div> 

95            </#list> 

96        </div> 

97        <div class="col-12 col-lg-6 list-right"> 

98            <#list dataRight as entry> 

99                <#assign 

100                renderer = entry.getAssetRenderer() 

101                index = entry.getPriority() 

102                className = renderer.getClassName() /> 

103                <#if className == "com.liferay.journal.model.JournalArticle" && entry.getAvailableLanguageIds()?seq_contains(locale)> 

104                    <#assign 

105                    title = entry.getTitle(locale) 

106                    viewURL = "${themeDisplay.getPathFriendlyURLPublic()}${themeDisplay.getSiteGroup().getFriendlyURL()}/-/${renderer.getUrlTitle()}" 

107                    indexLocal = indexLocal + 1 /> 

108                </#if> 

109                <div class="d-flex wrap-title"> 

110                    <i class="fa fa-circle ct-circle-icon pr-3"></i> 

111                    <span onclick="location.href='${viewURL}'" class="title-item">${title?replace("(Theo", "<br/>(Theo")}</span> 

112                </div> 

113            </#list> 

114        </div> 

115    </#if> 

116</div>