テンプレート処理中にエラーが発生しました。
The following has evaluated to null or missing:
==> ccsClass [in template "10154#10192#259892722" at line 213, column 78]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${ccsClass} [in template "10154#10192#259892722" in macro "precisionBlogEntry" at line 213, column 76]
- Reached through: @precisionBlogEntry curBlogEntry, def... [in template "10154#10192#259892722" at line 129, column 25]
----
1<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
2<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
3
4<#assign defaultImage ="https://www.qad.com/documents/hosted-images/os-logos/qad-logo-small.png" />
5
6<#assign blogDetail = paramUtil.getBoolean(request, "blogDetail") />
7<#assign assetVocabularyLocalService=serviceLocator.findService( "com.liferay.asset.kernel.service.AssetVocabularyLocalService") />
8<#assign imageLocalService=serviceLocator.findService( "com.liferay.portal.kernel.service.ImageLocalService") />
9
10<#assign liferay_ui=taglibLiferayHash["/META-INF/liferay-ui.tld"] />
11<#assign blogsEntryClassName="com.liferay.blogs.kernel.model.BlogsEntry"/>
12<#assign journalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
13
14<#assign tagUtilService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetTagLocalService") />
15
16<#assign assetEntryService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
17
18<#assign group_id = themeDisplay.getScopeGroupId() />
19<#assign site_group_id = themeDisplay.getSiteGroupId() />
20<#assign vocabulary = "Spanish Vocabulary" />
21
22<#assign blogVocabularyCategories = [] />
23<#-- assetVocabularyLocalService.getGroupVocabulary(site_group_id,"Japan Vocabulary") /> -->
24
25<#if blogVocabularyCategories?has_content>
26 <#assign lstCategories = blogVocabularyCategories.getCategories() >
27 <#if lstCategories?has_content>
28 <#assign jsonCategories = jsonFactoryUtil.looseSerialize(lstCategories) />
29 </#if>
30</#if>
31<div class="xtpl-qcom_icon_grid-S2x_xtpl-qcom-icon-grid-S5x" data-alternate="">
32 <div class="content-container">
33
34<#assign currTag = "" >
35<#assign curr = "" >
36<#assign currTitle = "" >
37
38<#assign myLanguageValues = {"ja_JP_readmore":"続きを読む","ja_JP_tags":"タグ","ja_JP_categories":"カテゴリ"} />
39
40<#if blogVocabularyCategories?has_content>
41 <#if renderRequest.getParameter("categoryId")?has_content>
42 <#assign curr = renderRequest.getParameter("categoryId") >
43 </#if>
44 <div id="catListHamburger" class="menubar__right">
45 <div class="menucontrols">
46 <div class="menucontrol menucontrol--menubar menucontrol--visible">
47 <label id="menuOpen" class="menucontrol__label active activeFlex" >
48 <i class="icon-reorder"></i>
49 </label>
50 <label id="menuClose" class="menucontrol__label inactive">
51 <i class="icon-remove"></i>
52 </label>
53 </div>
54 </div>
55 </div>
56 <div id="catList" class="scontainer blog_aui">
57 <ul>
58 <#list lstCategories as aCategory>
59 <#assign viewURL=renderResponse.createRenderURL() />
60 <#assign title = aCategory.getTitle(themeDisplay.getLocale())>
61 <#assign cat_id = aCategory.getCategoryId()?string />
62 ${viewURL.setParameter("resetCur", "true")}
63 ${viewURL.setParameter("categoryId", cat_id)}
64 <#assign selected ="">
65 <#assign url = "href=\"${htmlUtil.escape(viewURL.toString())}\"">
66 <#if curr?has_content>
67 <#if curr == cat_id >
68 <#assign selected ="selected">
69 <#assign currTitle = title >
70
71 <#assign url="" >
72 <#assign url=renderResponse.createRenderURL() />
73 ${viewURL.setParameter("resetCur", "true")}
74 ${viewURL.setParameter("categoryId", "0")}
75 <#assign url="href=\"${htmlUtil.escape(viewURL.toString())}\"" >
76 </#if>
77 </#if>
78 <li class="${selected}">
79 <a ${url} >${aCategory.getName()}
80 <#if curr?has_content>
81 <#if curr == cat_id >
82 <span class="textboxlistentry-remove" id="uvlz__column1__1">
83 <svg class="lexicon-icon lexicon-icon-times" focusable="false" role="presentation" title="" viewBox="0 0 512 512">
84 <path class="lexicon-icon-outline" d="M295.781 256l205.205-205.205c10.998-10.998 10.998-28.814 0-39.781-10.998-10.998-28.815-10.998-39.781 0l-205.205 205.205-205.205-205.238c-10.966-10.998-28.814-10.998-39.781 0-10.998 10.998-10.998 28.814 0 39.781l205.205 205.238-205.205 205.205c-10.998 10.998-10.998 28.815 0 39.781 5.467 5.531 12.671 8.265 19.874 8.265s14.407-2.734 19.907-8.233l205.205-205.238 205.205 205.205c5.5 5.5 12.703 8.233 19.906 8.233s14.407-2.734 19.906-8.233c10.998-10.998 10.998-28.815 0-39.781l-205.238-205.205z"></path>
85 </svg>
86 </span>
87 </#if>
88 </#if>
89 </a>
90 </li>
91 </#list>
92 </ul>
93 </div>
94</#if>
95
96<#assign blogPosts = blogHelper.convertBlogPostsFromLiferay(entries) />
97
98<#if blogPosts?has_content>
99<#assign assetCategories = blogPosts.getLstAssetCategories()/>
100<#assign assetTags = blogPosts.getLstAssetTags()/>
101<div class="row search-layout menu-column" style="justify-content: center;">
102 <#assign showfacets = false />
103 <#assign mainPanellWidth = "col-md-9" />
104 <#if blogPosts.getTags()?size gt 0 || blogPosts.getCategories()?size gt 0 >
105 <#assign showfacets = false />
106 <#assign mainPanellWidth = "col-md-9" />
107 </#if>
108
109 <#if showfacets == true >
110
111 <div class="col-md-3 hidden-sm hidden-xs" id="">
112 <#if blogPosts.getTags()?size gt 0 >
113 <@facet "Tags" blogPosts.getTags() assetTags />
114 </#if>
115 <#if blogPosts.getCategories()?size gt 0 >
116 <@categoriesFacet "Categories" blogPosts.getCategories() assetCategories/>
117 </#if>
118 </div>
119
120 </#if>
121
122 <div class="${mainPanellWidth} result" >
123 <div class="lfr-search-container-wrapper main-content-body">
124 <div id="_com_liferay_portal_search_web_portlet_SearchPortlet_search" class="yui3-widget component searchcontainer">
125 <div id="_com_liferay_portal_search_web_portlet_SearchPortlet_searchSearchContainer" class="searchcontainer-content">
126 <div class="display-style-descriptivetabular-list-group blog_aui">
127
128 <#list blogPosts.getLstBlogs() as curBlogEntry>
129 <@precisionBlogEntry curBlogEntry defaultImage/>
130 </#list>
131
132 </div>
133 </div>
134 </div>
135</div>
136 </div>
137</div>
138
139
140</#if>
141</div>
142</div>
143
144<#macro precisionBlogEntry curBlogEntry defaultImage>
145 <#assign temp = "" />
146
147 <#if themeDisplay??>
148 <#if curBlogEntry.getBlogsEntry()?? >
149 <#if curBlogEntry.getBlogsEntry().getSmallImageURL(themeDisplay) ??>
150 <#assign temp = curBlogEntry.getBlogsEntry().getSmallImageURL(themeDisplay) />
151 <#else>
152 <#assign temp = defaultImage />
153 </#if>
154 </#if>
155 </#if>
156
157 <#assign bgImage=temp />
158
159 <#assign summary=curBlogEntry.getBlogsEntry().getDescription() />
160 <#if (validator.isNull(summary))>
161 <#assign summary=curBlogEntry.getBlogsEntry().getContent()[0..*200] />
162 </#if>
163 <#assign viewBlogURL=renderResponse.createRenderURL() />
164 ${viewBlogURL.setParameter("mvcRenderCommandName", "/blogs/view_entry")}
165 ${viewBlogURL.setParameter("urlTitle", curBlogEntry.getBlogsEntry().getUrlTitle())}
166 <#if request.getParameter("p_r_p_tag")?has_content>
167 <#assign currTag = request.getParameter("p_r_p_tag") >
168 </#if>
169
170 <div class="post-box">
171 <a class="entryDetails" href="${viewBlogURL}" >
172 <div class="image" style="background-image: url('${bgImage}')">
173 </div>
174 </a>
175 <div class="content">
176 <h1 class="basicHTMLContentTitle">
177 <a href="${viewBlogURL}">${htmlUtil.escape(curBlogEntry.getBlogsEntry().getTitle())}</a>
178 </h1>
179 <span class="meta date">${curBlogEntry.getBlogsEntry().getDisplayDate()?date?string( 'dd MMM yyyy')}</span>
180 <p class="summary">${htmlUtil.stripHtml(summary)}</p>
181 <h6 class="text-default">
182 <#if curBlogEntry.getTags()?size gt 0 >
183 <div class="taglib-asset-tags-summary">${myLanguageValues["ja_JP_tags"]}
184
185 <#if currTag?has_content && currTag?length gt 0 >
186 <#assign ccsClass = "SELECTED" />
187 <#assign tagURL="" >
188 <#assign tagURL=renderResponse.createRenderURL() />
189 ${tagURL.setParameter("resetCur", "true")}
190 ${tagURL.setParameter("p_r_p_tag", "")}
191 <#assign tagURL="href=\"${htmlUtil.escape(tagURL.toString())}\"" >
192 <a class="badge badge-default badge-sm ${ccsClass}" ${tagURL}>
193 <span class="textboxlistentry-remove" id="uvlz__column1__1">
194 <svg class="lexicon-icon lexicon-icon-times" focusable="false" role="presentation" title="" viewBox="0 0 512 512">
195 <path class="lexicon-icon-outline" d="M295.781 256l205.205-205.205c10.998-10.998 10.998-28.814 0-39.781-10.998-10.998-28.815-10.998-39.781 0l-205.205 205.205-205.205-205.238c-10.966-10.998-28.814-10.998-39.781 0-10.998 10.998-10.998 28.814 0 39.781l205.205 205.238-205.205 205.205c-10.998 10.998-10.998 28.815 0 39.781 5.467 5.531 12.671 8.265 19.874 8.265s14.407-2.734 19.907-8.233l205.205-205.238 205.205 205.205c5.5 5.5 12.703 8.233 19.906 8.233s14.407-2.734 19.906-8.233c10.998-10.998 10.998-28.815 0-39.781l-205.238-205.205z"></path>
196 </svg>
197 </span>
198 ${currTag}
199 </a>
200 </#if>
201
202 <#list curBlogEntry.getTags() as tag >
203 <#assign tagURL=renderResponse.createRenderURL() />
204 ${tagURL.setParameter("p_r_p_tag", tag)}
205 <#assign tagURL = "href=\"${htmlUtil.escape(tagURL.toString())}\"">
206
207 <#if currTag != tag>
208 <#assign tagURL="" >
209 <#assign tagURL=renderResponse.createRenderURL() />
210 ${tagURL.setParameter("resetCur", "true")}
211 ${tagURL.setParameter("p_r_p_tag", tag)}
212 <#assign tagURL="href=\"${htmlUtil.escape(tagURL.toString())}\"" >
213 <a class="badge badge-default badge-sm ${ccsClass}" ${tagURL}> ${tag} </a>
214 </#if>
215 </#list>
216 </div>
217 </#if>
218 <#if curBlogEntry.getAssetCategories()?size gt 0 >
219 <div class="taglib-asset-categories-summary "> ${myLanguageValues["ja_JP_categories"]}:
220
221 <#if curr?has_content && curr?length gt 0>
222
223 <#assign selected ="selected">
224 <#assign url="" >
225 <#assign ccsClass = "SELECTED" />
226 <#assign url="" >
227 <#assign url=renderResponse.createRenderURL() />
228 ${url.setParameter("resetCur", "true")}
229 ${url.setParameter("categoryId", "0")}
230 <#assign url = "href=\"${htmlUtil.escape(url.toString())}\"">
231
232 <a class="badge badge-default badge-sm ${ccsClass}" ${url}>
233 <span class="textboxlistentry-remove" id="uvlz__column1__1">
234 <svg class="lexicon-icon lexicon-icon-times" focusable="false" role="presentation" title="" viewBox="0 0 512 512">
235 <path class="lexicon-icon-outline" d="M295.781 256l205.205-205.205c10.998-10.998 10.998-28.814 0-39.781-10.998-10.998-28.815-10.998-39.781 0l-205.205 205.205-205.205-205.238c-10.966-10.998-28.814-10.998-39.781 0-10.998 10.998-10.998 28.814 0 39.781l205.205 205.238-205.205 205.205c-10.998 10.998-10.998 28.815 0 39.781 5.467 5.531 12.671 8.265 19.874 8.265s14.407-2.734 19.907-8.233l205.205-205.238 205.205 205.205c5.5 5.5 12.703 8.233 19.906 8.233s14.407-2.734 19.906-8.233c10.998-10.998 10.998-28.815 0-39.781l-205.238-205.205z"></path>
236 </svg>
237 </span>
238 ${currTitle}
239 </a>
240 </#if>
241 <#list curBlogEntry.getAssetCategories() as category >
242 <#assign viewCategoryURL=renderResponse.createRenderURL() />
243 <#assign title = category.getTitle(themeDisplay.getLocale())>
244 <#assign cat_id = category.getCategoryId()?string />
245 <#if cat_id != curr>
246 ${viewCategoryURL.setParameter("resetCur", "true")}
247 ${viewCategoryURL.setParameter("categoryId", cat_id)}
248 <#assign selected ="">
249 <#assign url = "href=\"${htmlUtil.escape(viewCategoryURL.toString())}\"">
250
251 <a class="zassetcategory badge badge-default badge-sm" ${url}>${title}</a>
252 </#if>
253 </#list>
254
255 </div>
256 </#if>
257 </h6>
258 <a class="btn orangeButton utility absolute_bottom" href="${viewBlogURL}">${myLanguageValues["ja_JP_readmore"]}</a>
259 </div>
260 <div class="clearfix"></div>
261 </div>
262
263</#macro>
264
265<#macro blogentry curBlogEntry>
266
267<li class="list-group-item ">
268 <div class=" list-group-item-field">
269 <div class="user-icon-color-8 user-icon-lg user-icon user-icon-default">
270 <span>Author</span>
271 <a class="entryDetails" href="" >
272
273 <#if (validator.isNotNull(curBlogEntry.getBlogsEntry().getSmallImageURL(themeDisplay)))>
274 <#assign bgImage=curBlogEntry.getBlogsEntry().getSmallImageURL(themeDisplay) />
275 <#else>
276 <#assign bgImage="" />
277 </#if>
278
279 <div class="image" style="background-image: url('${bgImage}')">
280 </div>
281 </a>
282 </div>
283 </div>
284 <div class=" list-group-item-content">
285 <h5>
286 <a href=""><strong>${htmlUtil.escape(curBlogEntry.getTitle())}</strong></a>
287 </h5>
288 <h6 class="text-default">${htmlUtil.unescape(curBlogEntry.getSummary())}</h6>
289 <h6 class="text-default">
290 <span class="taglib-asset-tags-summary">Tags
291 <#list curBlogEntry.getTags() as tag >
292 <a class="badge badge-default badge-sm" href="">${tag}</a>
293 </#list>
294 </span>
295 <span class="taglib-asset-categories-summary"> Categories:
296 <#list curBlogEntry.getAssetCategories() as category >
297 <#assign viewCategoryURL=renderResponse.createRenderURL() />
298 <#assign title = category.getTitle(themeDisplay.getLocale())>
299 <#assign cat_id = category.getCategoryId()?string />
300 ${viewCategoryURL.setParameter("resetCur", "true")}
301 ${viewCategoryURL.setParameter("categoryId", cat_id)}
302 <#assign selected ="">
303 <#assign url = "href=\"${htmlUtil.escape(viewCategoryURL.toString())}\"">
304 <#if curr?has_content>
305 <#if curr == cat_id >
306 <#assign selected ="selected">
307 <#assign url="" >
308 </#if>
309 </#if>
310 <a class="asset-category" ${url}>${title}</a>
311 </#list>
312
313 </span>
314 </h6>
315 </div>
316</li>
317</#macro>
318
319
320
321<#macro facet title facets assetTags>
322<#if request.getParameter("p_r_p_tag")?has_content>
323 <#assign currTag = request.getParameter("p_r_p_tag") >
324</#if>
325
326
327<div class=" panel panel-default">
328 <div class="panel-heading">
329 <div class="panel-title">${title}</div>
330 </div>
331 <div class="panel-body">
332 <div class="asset-tags search-facet search-" id="">
333 <ul class="tag-list list-unstyled">
334 <#list facets?keys as prop>
335 <#assign assetTagDetails =assetTags[prop] />
336 <#assign tagURL=renderResponse.createRenderURL() />
337 <#assign tag_id = assetTagDetails.getName()?string />
338 ${tagURL.setParameter("p_r_p_tag", tag_id)}
339 <#assign tagURL = "href=\"${htmlUtil.escape(tagURL.toString())}\"">
340 <li class="default facet-value">
341 <#assign ccsClass = "" />
342 <#if currTag?has_content>
343 <#if currTag == tag_id >
344 <#assign ccsClass = "SELECTED" />
345 <#assign tagURL="" >
346 <#assign tagURL=renderResponse.createRenderURL() />
347 ${tagURL.setParameter("resetCur", "true")}
348 ${tagURL.setParameter("p_r_p_tag", "")}
349
350 <#assign tagURL="href=\"${htmlUtil.escape(tagURL.toString())}\"" >
351 </#if>
352 </#if>
353
354 <a class="text-default ${ccsClass}" ${tagURL} >
355
356 <#if currTag?has_content>
357 <#if currTag == tag_id >
358 <span class="textboxlistentry-remove" id="uvlz__column1__1">
359 <svg class="lexicon-icon lexicon-icon-times" focusable="false" role="presentation" title="" viewBox="0 0 512 512">
360 <path class="lexicon-icon-outline" d="M295.781 256l205.205-205.205c10.998-10.998 10.998-28.814 0-39.781-10.998-10.998-28.815-10.998-39.781 0l-205.205 205.205-205.205-205.238c-10.966-10.998-28.814-10.998-39.781 0-10.998 10.998-10.998 28.814 0 39.781l205.205 205.238-205.205 205.205c-10.998 10.998-10.998 28.815 0 39.781 5.467 5.531 12.671 8.265 19.874 8.265s14.407-2.734 19.907-8.233l205.205-205.238 205.205 205.205c5.5 5.5 12.703 8.233 19.906 8.233s14.407-2.734 19.906-8.233c10.998-10.998 10.998-28.815 0-39.781l-205.238-205.205z"></path>
361 </svg>
362 </span>
363 </#if>
364 </#if>
365
366
367 ${prop}<span class="frequency">(${facets[prop]})</span>
368 </a>
369 </li>
370 </#list>
371
372 </ul>
373
374 </div>
375 </div>
376</div>
377</#macro>
378
379<#macro categoriesFacet title facets assetCategories>
380
381<div class=" panel panel-default">
382 <div class="panel-heading">
383 <div class="panel-title">${title}</div>
384 </div>
385 <div class="panel-body">
386 <div class="asset-tags search-facet search-" id="">
387 <ul class="tag-list list-unstyled">
388 <#list facets?keys as prop>
389 <#assign assetCategoryDetails =assetCategories[prop] />
390 <#assign viewURL=renderResponse.createRenderURL() />
391 <#assign title = assetCategoryDetails.getTitle(themeDisplay.getLocale())>
392 <#assign cat_id = assetCategoryDetails.getCategoryId()?string />
393 ${viewURL.setParameter("resetCur", "true")}
394 ${viewURL.setParameter("categoryId", cat_id)}
395 <#assign selected ="">
396 <#assign url = "href=\"${htmlUtil.escape(viewURL.toString())}\"">
397 <li class="default facet-value">
398 <a class="text-default" data-value="" ${url}> ${prop}<span class="frequency">(${facets[prop]})</span></a>
399 </li>
400 </#list>
401
402 </ul>
403
404 </div>
405 </div>
406</div>
407</#macro>
408<script>
409 function showHideCatList() {
410 var catList = document.querySelector('#catList');
411 var menuOpen = document.getElementById('menuOpen');
412 var menuClose = document.getElementById('menuClose');
413
414 catList.classList.toggle('activeFlex');
415
416 menuOpen.classList.toggle('inactiveFlex');
417 menuClose.classList.toggle('activeFlex');
418
419
420
421 }
422
423 var hamBurgerMenu = document.querySelectorAll('#catListHamburger .menucontrol__label#menuOpen');
424 hamBurgerMenu.forEach((item) => {
425
426 item.addEventListener("click", showHideCatList);
427
428 });
429
430 var closeHamBurgerMenu = document.querySelectorAll('#catListHamburger .menucontrol__label#menuClose');
431 closeHamBurgerMenu.forEach((item) => {
432
433 item.addEventListener("click", showHideCatList);
434
435 });
436
437
438</script>
439
440<style>
441 .aui body {
442 background-color: #fff !important;
443 }
444
445 .blog_aui .portlet-boundary_33_ .navbar {
446 display: none;
447 }
448
449 .blog_aui .dropdown-menu {
450 border-radius: 0;
451 }
452
453 .blog_aui .dropdown-menu>li>a:hover,
454 .blog_aui .dropdown-menu>li>a:focus {
455 text-decoration: none;
456 color: white;
457 background-color: #f16a24;
458 background-image: -webkit-gradient(linear,
459 left top,
460 left bottom,
461 from(#f16a24),
462 to(#f68f2b));
463 background-image: linear-gradient(to bottom, #f16a24, #f68f2b);
464 background-repeat: repeat-x;
465 }
466
467 .blog_aui .subscribe {
468 display: none;
469 }
470
471 .blog_aui .blog_aui .utility.absolute_bottom {
472 position: absolute;
473 bottom: 0;
474 left: 0;
475 }
476
477
478 .btn.orangeButton {
479 color: white;
480 background-color: #f7902d !important;
481 text-decoration: none !important;
482 text-shadow: none;
483 text-transform: uppercase;
484 border: 0;
485 font-weight: 500;
486 background-image: none;
487 padding: 4px 12px;
488 font-size: 14px;
489 }
490
491 a.btn.orangeButton.utility.absolute_bottom:visited {
492 color: #fff;
493 }
494
495 .utility.full_height {
496 height: 100%;
497 }
498
499 .utility.pos_relative {
500 position: relative;
501 }
502
503 .utility.absolute_bottom {
504 position: absolute;
505 bottom: 0;
506 left: 0;
507 }
508
509 .utility.no-padding.all {
510 padding: 0;
511 }
512
513 .utility.no-padding.no-padding-top {
514 padding-top: 0;
515 }
516
517 .utility.no-padding.no-padding-left {
518 padding-left: 0;
519 }
520
521 .utility.no-padding.no-padding-bottom {
522 padding-bottom: 0;
523 }
524
525 .utility.no-padding.no-padding-right {
526 padding-right: 0;
527 }
528
529 .utility.no-margin.all {
530 margin: 0;
531 }
532
533 .utility.no-margin.no-margin-top {
534 margin-top: 0;
535 }
536
537 .utility.no-margin.no-margin-left {
538 margin-left: 0;
539 }
540
541 .utility.no-margin.no-margin-bottom {
542 margin-bottom: 0;
543 }
544
545 .utility.no-margin.no-margin-right {
546 margin-right: 0;
547 }
548
549 .badge-sm {
550 font-size: 11px;
551 text-transform: uppercase;
552 font-weight: normal;
553 background-color: unset;
554 }
555
556 a.badge.badge-default.badge-sm {
557 padding-left: 0;
558 padding-right: 0
559 }
560
561 a.badge.badge-default.badge-sm:hover {
562 text-decoration: underline !important;
563 }
564
565 a.badge.badge-default.badge-sm:nth-of-type(n + 2)::before {
566 content: ", ";
567 }
568
569 .entry-title.taglib-categorization-filter {
570 display: none;
571 }
572
573 .SELECTED .lexicon-icon.lexicon-icon-times {
574 height: 10px;
575 width: 10px;
576 padding: 0;
577 margin-bottom: 3px;
578 font-size: 1em;
579 }
580
581 .blog_aui .post-box {
582 margin-bottom: 50px;
583 font-family: "proxima-nova", sans-serif;
584 }
585
586 .blog_aui .post-box .content .summary {
587 color: #4d4f56;
588 line-height: 22px;
589 }
590
591 .blog_aui .post-box .content h1.basicHTMLContentTitle {
592 line-height: 20px;
593 margin-top: inherit;
594 margin-bottom: inherit;
595 font-family: "proxima-nova", sans-serif !important;
596 }
597
598 .blog_aui .post-box .content h1.basicHTMLContentTitle a {
599 color: #4d4f56;
600 font-size: 20px;
601 font-weight: 400;
602 font-family: "proxima-nova", sans-serif !important;
603 vertical-align: top;
604 }
605
606 .blog_aui .post-box .content h1.basicHTMLContentTitle a:hover {
607 text-decoration: none;
608 }
609
610 .blog_aui .post-box .content .meta.date {
611 color: #4d4f56;
612 font-size: 14px;
613 font-weight: 400;
614 text-transform: uppercase;
615 line-height: 25px;
616 font-family: "proxima-nova", sans-serif !important;
617 }
618
619 .btn {
620 border-radius: 0;
621 text-decoration: none !important;
622 text-shadow: none;
623 text-transform: uppercase;
624 border: 0;
625 background-image: none;
626 font-family: "proxima-nova", Helvetica, sans-serif !important;
627 }
628
629 .btn .orangeButton {
630 background-color: #f68f2b;
631 color: #fff;
632 }
633
634 #catList {
635 margin-top: 50px;
636 margin-bottom: 50px;
637 display: block;
638 }
639
640
641 #catList>ul {
642 list-style: none;
643 margin-top: 50px;
644 margin-bottom: 50px;
645 display: flex;
646 flex-direction: row;
647 justify-content: space-evenly;
648 font-family: "proxima-nova", Helvetica, sans-serif;
649 }
650
651 #catList>ul>li>a {
652 margin-right: auto;
653 color: #a7a7a7;
654 text-transform: uppercase;
655 }
656
657 #catListHamburger {
658 display: none;
659 color: #000;
660 }
661
662 #menuClose {
663 display: none;
664 flex-direction: row-reverse;
665
666 }
667 #menuClose.activeFlex{
668 display:flex;
669 }
670
671 #menuOpen.inactiveFlex{
672 display:none;
673 }
674
675 /* Media Query Rules */
676
677 @media screen and (max-width: 459px) {
678 .blog_aui .post-box {
679 display: grid;
680 grid-template-rows: repeat(2, auto);
681 grid-template-columns: 1fr;
682 padding: 0 5px 0 5px;
683 }
684
685 .blog_aui .post-box .image {
686 background-size: cover;
687 height: 200px;
688 }
689
690 .btn.orangeButton.utility.absolute_bottom {
691 position: relative;
692 left: initial;
693 bottom: initial;
694 }
695
696 #catListHamburger {
697 display: flex;
698 line-height: 30px;
699 flex-direction: row-reverse;
700 }
701
702 #menuOpen {
703 display: flex;
704 flex-direction: row-reverse;
705 }
706
707 #menuClose {
708 display: none;
709 flex-direction: row-reverse;
710
711 }
712
713 #catList {
714 display: none;
715 flex-direction: column;
716 margin-top: 10px;
717 margin-bottom: 10px;
718 }
719
720 #catList.activeFlex {
721 display: flex;
722 }
723
724 #catList>ul {
725 margin-top:10px;
726 margin-bottom: 10px;
727 padding-left: initial;
728 display: grid;
729 grid-template-columns: repeat(1, auto);
730 }
731 }
732
733 @media screen and (min-width: 460px) and (max-width:769px) {
734 .blog_aui .post-box {
735 display: grid;
736 grid-template-rows: repeat(2, auto);
737 grid-template-columns: 1fr;
738 padding: 0 5px 0 5px;
739 }
740
741 .blog_aui .post-box .image {
742 background-size: cover;
743 height: 200px;
744 }
745
746 .btn.orangeButton.utility.absolute_bottom {
747 position: relative;
748 left: initial;
749 bottom: initial;
750 }
751
752 #catListHamburger {
753 display: flex;
754 line-height: 30px;
755 flex-direction: row-reverse;
756 }
757
758 #catList {
759 display: none;
760 flex-direction: column;
761 margin-top: 10px;
762 margin-bottom: 10px;
763 }
764
765 #catList>ul {
766 display: grid;
767 grid-template-columns: repeat(2, auto);
768 padding-left: initial;
769 margin-top: 10px;
770 margin-bottom: 10px;
771 justify-content: space-around;
772 }
773
774 #catList.activeFlex {
775 display: flex;
776 }
777 }
778
779 @media screen and (min-width: 770px) {
780
781 .blog_aui .post-box {
782 display: grid;
783 grid-template-rows: 1fr;
784 grid-template-columns: 1fr 3fr;
785 margin-bottom: 50px;
786 font-family: "proxima-nova", sans-serif;
787 height: auto !important;
788 grid-column-gap: 15px;
789 grid-row-gap: 5px;
790 }
791
792 .blog_aui .post-box .image {
793 background-size: cover;
794 height: 200px;
795 }
796
797 .blog_aui .post-box .content {
798 display: grid;
799 grid-template-rows: repeat(6, auto);
800 color: #a7a7a7;
801 font-family: "proxima-nova", sans-serif !important;
802 height: auto !important
803 }
804
805 .blog_aui .post-box .content a.btn.orangeButton.utility.absolute_bottom {
806 position: relative;
807 bottom: initial;
808 left: initial;
809 width: 100px;
810 }
811 }
812</style>