1<#if entries?has_content>
2
3 <style>
4 .small-archive-news-items {
5 width: 100%;
6 display: flex;
7 flex-wrap: wrap;
8 justify-content: space-between;
9 }
10
11 .small-archive-news-items .journal-content-article {
12 width: 100%;
13 height: 100%;
14 }
15
16 .small-archive-news-item-wrapper {
17 margin: 0 0 10px 0;
18 text-decoration: none !important;
19 flex: 0 0 calc(20% - 10px);
20 }
21
22 .small-archive-news-items .small-archive-news-item {
23 height: 235px;
24 width: 100%;
25 position: relative;
26 /*border: 1px solid transparent;*/
27 text-decoration: none !important;
28 }
29
30 .small-archive-news-items .small-archive-news-item:hover {
31 /*border: 1px solid #e62739;*/
32 }
33
34 .small-archive-news-items .small-archive-news-item .news-image {
35 width: 100%;
36 height: 100%;
37 }
38
39 .small-archive-news-items .small-archive-news-item .news-image img {
40 width: 100%;
41 height: 100%;
42 object-fit: cover;
43 }
44
45 .small-archive-news-items .small-archive-news-item .news-context {
46 width: 100%;
47 height: 100%;
48 position: absolute;
49 top: 0;
50 left: 0;
51 background: #232930;
52 padding: 7px;
53 display: none;
54 border: 1px solid transparent;
55 }
56
57 .small-archive-news-items .small-archive-news-item:hover .news-context {
58 display: block;
59 border: 1px solid #e62739 !important;
60 }
61
62
63 .small-archive-news-items .small-archive-news-item .news-context .news-title h5 {
64 color: #ffffff;
65 transition: 300ms;
66 }
67
68 .small-archive-news-items .small-archive-news-item .news-context .news-title h5:hover {
69 color: #e62739;
70 }
71
72 .small-archive-news-items .small-archive-news-item .news-context .news-text {
73 margin: 10px 0 12px 0;
74 }
75
76 .small-archive-news-items .small-archive-news-item .news-context .news-text p {
77 margin: 0;
78 color: #898f93;
79 font-size: 11px;
80 text-align: justify;
81 }
82
83 .small-archive-news-items .news-date {
84 display: none;
85 }
86
87
88 /*pagination*/
89
90 .taglib-page-iterator {
91 background-color: rgb(56, 63, 71) !important;
92 font-size: 13px !important;
93 margin: 10px 0 20px 0;
94 border-radius: 10px;
95 }
96
97 .taglib-page-iterator .lfr-pagination-config {
98 margin: 0 7px;
99 }
100
101 html.rtl .taglib-page-iterator .lfr-pagination-config {
102 float: left;
103 }
104
105 .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
106 color: #ffffff !important;
107 }
108
109 .taglib-page-iterator .search-results {
110 color: #ffffff !important;
111 }
112
113 .taglib-page-iterator .lfr-pagination-buttons {
114 margin: 7px;
115 }
116
117 html.rtl .taglib-page-iterator .lfr-pagination-buttons {
118 float: right !important;
119 }
120
121 .taglib-page-iterator .lfr-pagination-buttons li a {
122 color: #ffffff !important;
123 padding: 5px;
124 }
125
126 .taglib-page-iterator .dropdown-toggle {
127 padding: 5px 10px !important;
128 font-size: 13px !important;
129 }
130
131 .dropdown-menu.lfr-menu-list.direction-down .btn-toolbar.search-panel {
132 display: none !important;
133 }
134
135 </style>
136
137 <div class="w-100">
138 <div class="small-archive-news-items">
139 <#list entries as curEntry>
140 <a class="small-archive-news-item-wrapper" href="${assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry,true)}">
141 <#assign
142 assetRenderer = curEntry.getAssetRenderer()
143 assetObject = assetRenderer.getAssetObject()
144 assetType = assetRenderer.getType()
145 />
146 <@liferay_journal["journal-article"]
147 articleId=assetObject.getArticleId()
148 ddmTemplateKey="595931"
149 groupId=assetObject.getGroupId()
150 />
151
152 </a>
153 </#list>
154 </div>
155 </div>
156
157<#else>
158 <div class="alert alert-info text-center">
159 <@liferay_ui["message"] key="there-are-no-results" />
160 </div>
161</#if>