Evercom
S'ha produït un error mentre es processava la plantilla.
Java method "com.sun.proxy.$Proxy865.getArticle(long, String)" threw an exception when invoked on com.sun.proxy.$Proxy865 object "com.liferay.journal.service.impl.JournalArticleLocalServiceImpl@4a08d349"; see cause exception in the Java stack trace. ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign resourcePrimKey = journalLoca... [in template "10155#10193#" at line 23, column 17] ----
1<#setting time_zone=themeDisplay.getTimeZone().ID>
2 <#setting locale=locale.toString()>
3 <#setting datetime_format="y-M-d">
4
5 <#assign colorSite=getterUtil.getString(themeDisplay.getThemeSetting("color-site")) />
6
7 <script type="text/javascript"
8 src="https://www.upf.edu/documents/6323808/129176989/jquery.captionate.js"></script>
9
10
11 <#assign zona=timeZoneUtil.getTimeZone("Europe/Madrid") />
12
13 <#assign
14 AssetEntryLocalservice=serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
15 <#assign
16 journalLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
17
18
19 <#assign groupId=getterUtil.getLong(groupId) />
20 <#assign site=themeDisplay.getScopeGroupId() />
21
22 <#if ( site?is_number)>
23 <#assign resourcePrimKey=journalLocalService.getArticle(getterUtil.getLong(site),
24 .vars['reserved-article-id'].data).resourcePrimKey />
25 <#assign entry=AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle",
26 getterUtil.getLong(resourcePrimKey)) />
27 <#if entry.getPublishDate()??>
28 <#assign fecha_de_creacion=entry.getPublishDate()?string("dd.MM.yyyy") />
29 <#else>
30 <#assign fecha_de_creacion=.now?string("dd.MM.yyyy") />
31 </#if>
32
33 <#if entry.getModifiedDate()??>
34 <#assign fecha_de_modificacion=entry.getModifiedDate()?string("dd.MM.yyyy") />
35 <#else>
36 <#assign fecha_de_modificacion=.now?string("dd.MM.yyyy") />
37 </#if>
38 </#if>
39
40
41 <#assign cat="" />
42 <#assign listaCategorias=entry.getCategories() />
43 <#list listaCategorias as categoria>
44 <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name)>
45 <#assign cat=categoria.name />
46 </#if>
47 </#list>
48
49 <div class="container noticia-maximized nova">
50 <div id="nom_page">
51 <h1>${.vars['reserved-article-title'].data}</h1>
52 </div>
53 <div class="row">
54 <#-- Afegir un if-->
55 <div class="asset-full-content span8">
56 <#-- end-->
57 <div class="content" id="content">
58 <#if .vars['separadorimatge']??>
59 <#attempt>
60 <#if (
61 .vars['separadorimatge'].getChild('url_youtube').getData()?contains("youtu"))>
62 <!--zona youtube-->
63 <p id="youtube" class="youtube">
64 <script type="text/javascript">
65 function getYoutube() {
66 var id = $(this).parent('p').attr("id");
67 var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}"
68 var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
69 var match = url.match(regExp);
70 if (match && match[2].length == 11) {
71 return '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + match[2] + '" frameborder="0" allowfullscreen></iframe>';
72 } else {
73 return '';
74 }
75 }
76 document.getElementById("youtube").innerHTML = getYoutube();
77 </script>
78 </p>
79 <#elseif (
80 .vars['separadorimatge'].getChild('url_youtube').getData()?contains("vimeo"))>
81
82 <p id="vimeo" class="youtube">
83 <script type="text/javascript">
84 function getVimeo() {
85 var id = $(this).parent('p').attr("id");
86 var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}"
87 var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
88 var match = url.match(regExp);
89 if (match && match[2].length > 4) {
90 return '<div id="divYoutube' + match[2] + '" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/' + match[2] + '" frameborder="0" allowfullscreen></iframe></div>';
91 } else {
92 return '';
93 }
94 }
95 document.getElementById("vimeo").innerHTML = getVimeo();
96 </script>
97 </p>
98 <#elseif
99 (.vars['separadorimatge'].getChild('Imatge_inicial').getData()
100 !="" &&
101 .vars['separadorimatge'].getChild('url_youtube').getData()==""
102 )>
103 <p><img alt="Imatge inicial"
104 title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}"
105 src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}"
106 width="100%" /></p>
107 <#else>
108 </#if>
109 <#recover>
110 </#attempt>
111 <#else>
112 </#if>
113 <#if ( .vars['Resum'].getData()?has_content)>
114 <h2 class="descripcio">${.vars['Resum'].getData()}</h2>
115 </#if>
116 ${.vars['Noticia'].getData()}
117 </div>
118 </div>
119
120 <#-- Mostrem les categories que siguin filles de la categoria "Notícies" -->
121 <#-- Preparació url dels enllaços a les categories-->
122 <#assign wordCategories=languageUtil.get(locale, "categories-nom-page" )>
123 <#assign wordCategories=wordCategories?lower_case />
124 <#assign catUrl="/web/focus/" + wordCategories
125 + "?p_p_id=122_INSTANCE_4xkc6d8xhKAC&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&p_p_col_id=column-1&p_r_p_564233524_resetCur=true&p_r_p_564233524_categoryId=" />
126 <#assign
127 assetCategoryLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") />
128
129
130 <div class="span4">
131 <div id="dreta">
132 <h2 class="subtitol">Contacta amb l’entitat:</h2>
133 <ul>
134 <#if .vars['web'].getData()?has_content>
135 <li><a href="${.vars['web'].getData()}" target="_blank"><img
136 alt="Website" height="30"
137 src="/documents/10193/6775906/icones_fitxapersonal_MON.png"
138 width="30" style="margin-right:10px;">Lloc web</a></li>
139 </#if>
140 <#if .vars['email'].getData()?has_content>
141 <li><i class="icon-envelope"></i> <a
142 href="mailto:${.vars['email'].getData()}">${.vars['email'].getData()}</a>
143 </li>
144 </#if>
145 <#if .vars['telefon'].getData()?has_content>
146 <li>${.vars['telefon'].getData()}</li>
147 </#if>
148 <#if .vars['whatsapp'].getData()?has_content>
149 <li><a href="https://wa.me/34${cur_item.getData()}" class="whatsapp"><img
150 alt="Website" height="30"
151 src="/documents/93383268/236843702/whatsapp.png"
152 width="30" style="margin-right:10px;"></a></li>
153 </#if>
154 <#if .vars['urlperfil'].getSiblings()?has_content>
155 <li>
156 <div class="xarxes">
157 <#list .vars['urlperfil'].getSiblings() as cur_item>
158 <#-- Formatem l'enllaç perquè no el tracti com si fos
159 una subpàgina -->
160 <#assign enllac=cur_item.getData() />
161 <#if !enllac?starts_with("http")>
162 <#assign enllac="http://" + enllac />
163 </#if>
164 <a href="${enllac}" title="${enllac}"
165 target="_blank">
166 <#if (enllac?contains("facebook") )>
167 <img alt="Facebook" height="30"
168 src="/documents/213531008/213545112/facebook.png"
169 width="30">
170 <#elseif ( enllac?contains("twitter") )>
171 <img alt="Twitter" height="30"
172 src="/documents/213531008/213545112/twitter.png"
173 width="30">
174 <#elseif ( enllac?contains("instagram")
175 )>
176 <img alt="Instagram" height="30"
177 src="/documents/213531008/213545112/Instagram2.png"
178 width="30">
179 <#elseif (
180 enllac?contains("linkedin") )>
181 <img alt="Linkedin" height="30"
182 src=" /documents/10193/6775906/icones_fitxapersonal_IN.png"
183 width="30">
184 <#elseif (
185 enllac?contains("tiktok") )>
186 <img alt="Tiktok"
187 height="30"
188 src="/documents/10193/6775906/icones_fitxapersonal_TIKTOK.jpg"
189 width="30">
190 <#elseif (
191 enllac?contains("youtube")
192 )>
193 <img alt="Youtube"
194 height="30"
195 src="/documents/213531008/213545112/youtube_new.png"
196 width="30">
197 <#else>
198 <i class="fa-solid fa-link"
199 aria-hidden="true"></i>
200 </#if>
201 </a>
202 </#list>
203 </div>
204 </li>
205 <!-- VIDEOCONFERENCIA I HORARI ACTIVAT -->
206 <#if .vars['videoconferencia'].getData()?has_content && .vars['AtencioFira'].getData()?has_content && .vars['DataFira'].getData()?has_content>
207 <li>
208 <p><a class="recurs"
209 href="${.vars['videoconferencia'].getData()}"
210 target="_blank"><i class="icon-facetime-video"
211 aria-hidden="true"
212 style="margin-right:15px;"></i>Videoconferència<i
213 class="icon-chevron-right" aria-hidden="true"
214 style="margin-left:15px;"></i>
215 <font style="font-size:0.8em;">
216 <#if .vars['DataFira'].getData()?has_content>
217 <i class="fa-solid fa-calendar" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['DataFira'].getData()}>
218 </#if>
219 <i class="fa-regular fa-clock" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['AtencioFira'].getData()}
220 </font>
221 </a></p>
222 </li>
223
224 </#if>
225
226 </ul>
227 </#if>
228 </div>
229 <div id="media"></div>
230 </div>
231 </div>
232 </div>
233
234 <#-- decidim si pintem la zona youtube o ivoox -->
235 <#if .vars['Camps_addicionalsb']??>
236 <#attempt>
237 <#assign multi=.vars['Camps_addicionalsb'].getChild('Multimedia') />
238 <#list multi.getChild('youtubelist').getSiblings() as videos>
239 <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") )>
240 <script type="text/javascript">
241 function getYoutube() {
242 var id = $(this).parent('p').attr("id");
243 var url = "${videos.getChild('urlyoutubelist').getData()}"
244 var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
245 var match = url.match(regExp);
246 if (match && match[2].length == 11) {
247 return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe width='560' height='315' src='https://www.youtube.com/embed/" + match[2] + "' frameborder='0' allowfullscreen></iframe>";
248 } else {
249 return 'error';
250 }
251 }
252 document.getElementById("media").innerHTML += "<h2 class='media'>Mèdia:</h2>" + getYoutube();
253 </script>
254 <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("vimeo") )>
255 <script type="text/javascript">
256 function getVimeo() {
257 var id = $(this).parent('p').attr("id");
258 var url = "${videos.getChild('urlyoutubelist').getData()}"
259 var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
260 var match = url.match(regExp);
261 if (match && match[2].length > 4) {
262 return '<p>${videos.getChild("titolyoutubelist").getData()}</p><div id="divYoutube' + match[2] + '" class="videoWrapper"><iframe width="560" height="315" src="https://player.vimeo.com/video/' + match[2] + '" frameborder="0" allowfullscreen></iframe></div>';
263 } else {
264 return '';
265 }
266 }
267 document.getElementById("media").innerHTML += "<h2 class='media'>Mèdia:</h2>" + getVimeo();
268 </script>
269 </#if>
270 </#list>
271 <#recover>
272 </#attempt>
273 </#if>
274 <style>
275 /*Fix Vimeo*/
276 .nou-disseny .videoWrapper iframe {
277 background: #000;
278 }
279
280 /*Fitxes Fira Virtual*/
281 .noticia .data,
282 .asset-full-content .data {
283 display: none;
284 }
285
286 a.inscripcio {
287 display: block;
288 border: 2px solid #E94E1B;
289 color: #E94E1B;
290 font-weight: bold;
291 padding: 10px 20px;
292 width: fit-content;
293 max-width: 300px;
294 text-decoration: none !important;
295 background-color: #fff;
296 }
297
298 a.inscripcio:hover {
299 color: #FFF !important;
300 text-decoration: none !important;
301 background-color: #E94E1B;
302 transition: 0.2s all;
303 }
304
305 a.inscripcio:after {
306 content: "\f054";
307 font-family: 'fontawesome-alloy';
308 padding-left: 15px;
309 display: inline-block;
310 }
311
312 span.taglib-asset-categories-summary {
313 color: #353430 !important;
314 margin-top: 1em !important;
315 display: block;
316 }
317
318 .portlet-asset-publisher .asset-metadata {
319 margin-left: 0 !important;
320 border: 1px solid #ddd;
321 background-color: #eee;
322 margin-top: 2em;
323 }
324
325 #dreta {
326 border: 1px solid #ddd;
327 margin-top: 40px;
328 padding-top: 0 !important;
329 padding-left: 1em;
330 padding-right: 1em;
331 box-sizing: border-box;
332 display: block;
333 position: relative;
334 }
335
336 #dreta ul {
337 list-style: none;
338 }
339
340 #dreta ul li {
341 line-height: normal;
342 margin-bottom: 1em;
343 }
344
345 #dreta a {
346 word-break: break-all !important;
347 }
348
349 dd.metadata-entry.metadata-categories {
350 width: 100%;
351 }
352
353 .asset-metadata dl {
354 padding: 0 !important;
355 margin: 0 !important;
356 }
357
358 .asset-metadata .help-block {
359 display: block;
360 margin: 0 !important;
361 width: 100%;
362 padding: 1em;
363 box-sizing: border-box;
364 position: relative;
365 }
366
367 .portlet-asset-publisher .asset-metadata .metadata-categories span {
368 float: none;
369 font-weight: bold;
370 width: 100%;
371 display: inline-block;
372 position: relative;
373 margin: 0 !important;
374 line-height: 40px;
375 }
376
377 a.asset-category {
378 position: relative;
379 margin-top: 0;
380 padding: 0.3em 0.5em;
381 border: 1px solid;
382 text-decoration: none !important;
383 font-weight: normal;
384 display: table;
385 width: auto !important;
386 line-height: 20px;
387 }
388
389 .xarxes a {
390 display: inline-block;
391 }
392
393 h2.descripcio {
394 padding: 1.5em !important;
395 margin: 0 !important;
396 border: 2px dashed;
397 }
398
399 .nou-disseny .breadcrumb>.active {
400 color: ${colorSite} !important;
401 }
402
403 .portlet-asset-publisher .asset-full-content.show-asset-title .asset-content {
404 margin-left: 0 !important;
405 margin-right: 0 !important;
406 }
407
408 /*Fi Fitxes*/
409
410 h2.audio {
411 display: none;
412 }
413
414 #media {
415 margin-top:20px;
416 }
417
418 #media p {
419 margin: 10px 0 5px;
420 }
421
422 /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */
423 #nom_page h1 {
424 color: ${colorSite} !important;
425 font-size: 23px;
426 font-weight: bold;
427 line-height: normal;
428 margin-bottom: 15px;
429 margin-top: 0;
430 padding: 0;
431 }
432
433 .contingut.subtitol>h2 {
434 font-size: 20px !important;
435 color: ${colorSite} !important;
436 }
437
438 .categories h2,
439 h2.asset-links-title {
440 font-weight: normal;
441 font-size: 20px;
442 color: ${colorSite};
443 line-height: normal;
444 }
445
446 .tipus a {
447 text-decoration: none !important;
448 }
449
450 li.asset-links-list-item a {
451 color: ${colorSite} !important;
452 }
453
454 span.taglib-text {
455 color: ${colorSite};
456 }
457
458 .categories div.tipus a {
459 background-color: ${colorSite};
460 margin-bottom: 5px;
461 margin-right: 5px;
462 max-width: 100%;
463 position: relative;
464 text-decoration: none;
465 color: #FFFFFF;
466 padding: 5px 10px;
467 }
468
469
470 /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */
471
472 /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */
473 .noticia-maximized {
474 max-width: 1170px !important;
475 width: auto !important;
476 }
477
478 #nom_page {
479 display: block !important;
480 }
481
482 #contingut>#nom_page {
483 display: none !important;
484 }
485
486 /* Per treure la icona de davant del títol Continguts relacionats*/
487 .taglib-asset-links h2 {
488 background: none !important;
489 }
490
491 .taglib-asset-links {
492 padding-left: 4px;
493 margin-top: 0px;
494 }
495
496 .asset-links-list {
497 padding-left: 25px !important;
498 }
499
500 .asset-links-list-item {
501 list-style: initial !important;
502 }
503
504 .asset-links-list-item img {
505 display: none;
506 }
507
508 .asset-full-content br {
509 display: none;
510 }
511
512 .contingut.subtitol>h2 {
513 font-weight: normal;
514 padding-top: 0;
515 line-height: normal !important;
516 }
517
518 .contingut.subtitol>h2 p {
519 margin: 0px !important;
520 color: ${colorSite} !important;
521 }
522
523 .contingut.subtitol {
524 border-bottom: 1px solid #ddd;
525 margin-bottom: 10px;
526 padding-bottom: 10px;
527 }
528
529 .asset-full-content .tipus>a {
530 background-color: ${colorSite} !important;
531 margin-right: 5px;
532 margin-bottom: 5px;
533 position: relative;
534 max-width: 100%;
535 text-decoration: none;
536 }
537
538 .asset-full-content .tipus>a:hover {
539 color: #ffffff !important;
540 }
541
542 .asset-full-content .tipus {
543 display: inline;
544 }
545
546 .taglib-social-bookmarks {
547 display: block;
548 float: right;
549 background: none;
550 margin-top: 0px;
551 }
552
553 .taglib-social-bookmarks a {
554 margin-bottom: 0px;
555 }
556
557 .taglib-social-bookmarks ul {
558 padding: 0px;
559 margin-bottom: 0px;
560 }
561
562 .taglib-social-bookmarks ul li {
563 margin-right: 0px;
564 }
565
566 .asset-full-content .content {
567 border-bottom: 0px solid #fff;
568 display: table;
569 margin-bottom: 20px;
570 padding-bottom: 10px;
571 width: 100%;
572 }
573
574 .asset-full-content .content::before {
575 content: "";
576 display: inline-table;
577 width: 100%;
578 }
579
580 .asset-full-content .content h3 {
581 font-size: 18px;
582 font-weight: normal;
583 }
584
585 .categories::after {
586 content: "";
587 display: inline-table;
588 width: 100%;
589 }
590
591 .categories h2,
592 .asset-links-title {
593 color: ${colorSite} !important;
594 }
595
596
597 @media (min-width: 979px) and (max-width: 1200px) {}
598
599 @media (max-width: 978px) {
600 .asset-full-content .data {
601 display: inline-table;
602 }
603 }
604
605 @media (max-width: 480px) {
606 .asset-full-content .tipus>a {
607 float: none;
608 }
609 }
610
611 /*Nova notícia*/
612 .nova .names a {
613 text-decoration: none !important;
614 transition: 0.4s all;
615 }
616
617 .nova .names a:hover img,
618 .nova .names a:hover i {
619 transform: translateY(-4px) !important;
620 transition: 0.2s all;
621 }
622
623 .nova .names {
624 display: table;
625 box-sizing: border-box;
626 width: 100%;
627 }
628
629 .nova .names .nom {
630 width: 50%;
631 display: inline-table;
632 }
633
634 .nova .names .xarxes {
635 width: 50%;
636 display: inline-table;
637 }
638
639 .nova p.youtube {
640 margin: 0 0 20px;
641 }
642
643 .nova p.subtitol:after {
644 content: "";
645 width: 100%;
646 height: 1px;
647 background-color: #ddd;
648 position: relative;
649 display: table;
650 }
651
652 .nova #dreta {
653 padding-top: 30px;
654 }
655
656 .nova .asset-full-content figure {
657 display: inline-block;
658 margin-bottom: 20px;
659 border: 1px solid transparent;
660 margin-right: 0;
661 margin-left: 0;
662 margin-top: 0;
663 width: 100%;
664 }
665
666 .nova .asset-full-content figcaption {
667 display: block;
668 text-align: center;
669 font-size: 0.8em;
670 font-style: italic;
671 }
672
673 .nova .asset-full-content figure img {
674 width: 100%;
675 }
676
677 .nova .icon-caret-down:before {
678 content: "\f0d7" !important;
679 }
680
681 @media (max-width: 480px) {
682 .nova .asset-full-content figure {
683 width: 100% !important;
684 }
685 }
686
687 ul.asset-links-list {
688 list-style: none !important;
689 margin: 0 !important;
690 padding: 0 !important;
691 }
692
693 .taglib-asset-links .asset-links-list-item {
694 list-style: none !important;
695 }
696
697 .taglib-asset-links li.asset-links-list-item a {
698 color: #353430 !important;
699 text-decoration: none !important;
700 border: 1px solid #ddd;
701 border-radius: 4px;
702 display: block;
703 padding: 10px;
704 background-color: #eee;
705 }
706
707 .taglib-asset-links .asset-links-list-item a:hover {
708 text-decoration: none !important;
709 }
710
711 .taglib-asset-links .asset-links-list-item a:before {
712 content: "\f0c1";
713 font-family: 'fontawesome-alloy';
714 font-size: 25px;
715 display: inline-block;
716 margin-right: 4px;
717 width: 10%;
718 vertical-align: middle;
719 }
720
721 .taglib-asset-links li.asset-links-list-item a span.taglib-text {
722 color: #353430 !important;
723 display: inline-block;
724 width: 80%;
725 vertical-align: middle;
726 text-decoration: none;
727 }
728
729 .taglib-asset-links .asset-links-list-item:hover a,
730 .taglib-asset-links .asset-links-list-item:hover a span.taglib-text {
731 background-color: #353430 !important;
732 color: #eee !important;
733 text-decoration: none;
734 }
735
736 /*Caixa contacte*/
737 .caixa-contacte {
738 border: 1px solid #ddd;
739 padding: 10px;
740 margin-bottom: 20px;
741 margin-top: 30px;
742 }
743
744 .caixa-contacte {
745 border: 1px solid #ddd;
746 padding: 10px;
747 margin-bottom: 20px;
748 margin-top: 30px;
749 box-sizing: border-box !important;
750 }
751
752 h2.mark {
753 display: block;
754 font-size: 0 !important;
755 color: #fff !important;
756 }
757
758 .mes-info {
759 display: block;
760 }
761
762 .mes-info-button {
763 cursor: pointer;
764 display: block;
765 width: 100%;
766 height: 100%;
767 }
768
769 .mes-info-button i {
770 float: right;
771 font-size: 20px;
772 }
773
774 /*Elements notícia*/
775 /*cita*/
776 .nova cite {
777 margin-top: 30px;
778 margin-bottom: 30px;
779 font-size: 20px;
780 color: #666;
781 padding-left: 10px;
782 box-sizing: border-box;
783 vertical-align: middle;
784 display: inline-block;
785 border-left: 3px solid #666;
786 padding-top: 10px;
787 padding-bottom: 10px;
788 width: 80%;
789 margin-left: 20%;
790 line-height: normal !important;
791 }
792
793 .nova .asset-full-content .content h3 {
794 font-size: 18px;
795 font-weight: normal;
796 line-height: normal;
797 margin-top: 40px;
798 margin-bottom: 20px;
799 color: ${colorSite};
800 }
801
802 .nova .asset-full-content .content h4 {
803 font-size: 16px;
804 font-weight: normal;
805 line-height: normal;
806 margin-top: 30px;
807 margin-bottom: 10px;
808 color: ${colorSite};
809 }
810
811 /* Botó de recurs*/
812
813 a.recurs {
814 display: inline-block;
815 text-decoration: none !important;
816 padding: 10px 20px;
817 margin-top: 10px;
818 border: 1px solid #c8102e;
819 background-color: #c8102e;
820 color: #fff !important;
821 }
822
823 a.recurs font {
824 display: block;
825 margin-top: 5px;
826 }
827
828 /*a.recurs:after {
829 content: '\f054';
830 font-family: fontawesome-alloy;
831 font-style: normal;
832 font-weight: 400;
833 font-variant: normal;
834 text-transform: none;
835 margin-left: 10px;
836}*/
837 a.recurs:hover {
838 color: #c8102e !important;
839 background-color: #fff;
840 }
841
842 /* FI Botó recurs */
843
844 /*Treure les xarxes socials per Campus Global i Intranets*/
845 html:not(.nou-disseny) .taglib-social-bookmarks {
846 display: none;
847 }
848 </style>
849
850 <script>
851 /*Treure el títol de la pàgina 7.2*/
852 document.querySelector(".upf__titol-pagina")?.remove()
853 // Create Element.remove() function if not exist
854 if (!('remove' in Element.prototype)) {
855 Element.prototype.remove = function () {
856 if (this.parentNode) {
857 this.parentNode.removeChild(this);
858 }
859 };
860 }
861 // Si tenim els bookmarks posicionats d forma horitzontal, els movem
862 if ($(".taglib-social-bookmarks").size() != 0) {
863 $(".taglib-social-bookmarks").prependTo(".asset-full-content");
864 $(".taglib-social-bookmarks").get(0).remove();
865 }
866 $(".taglib-header").remove();
867 $(".portlet-topper").remove();
868 $(".asset-full-content br").remove();
869
870 if ($("html.nou-disseny").size() != 0) {
871
872 $(".taglib-asset-links").css("padding-left", "22px !important");
873 ajustaRelatedContentFullSize();
874
875 } else {
876 ajustaRelatedContent();
877 }
878
879 // Eliminem la secció de categories si no n'hi ha cap
880 if ($(".categories div").size() == 0) {
881 $(".categories").remove();
882 }
883
884 /* ---- OBRIR LES NOTÍCIES EN MAXIMIZED AMB MENÚ VERTICAL ---- */
885 if ($("html.nou-disseny").size() != 0) {
886 if ($("header").hasClass("no-menu-horitzontal")) {
887 canviaSpanMenu();
888 }
889 }
890 // La funció LightenDarkenColor la tinc gràcies a auxFunctions.js injectat
891 var colorLight = LightenDarkenColor("${colorSite}", 20);
892
893 $(".asset-full-content .tipus > a").hover(
894 function () {
895 $(this).css("background-color", + colorLight + " !important");
896 },
897 function () {
898 $(this).css("background-color", "${colorSite} !important");
899 }
900 )
901
902 $('#content img[title]').captionate(); // imatges amb class caption mostraran la descripció
903
904 function ajustaRelatedContentFullSize() {
905 if ($(".asset-links-list").size() != 0) {
906 $(".taglib-asset-links").appendTo("#dreta").insertAfter('.categories');
907 $(".taglib-asset-links").css("padding-left", "0px !important");
908 } else {
909 setTimeout(function () { ajustaRelatedContentFullSize(); }, 100);
910 }
911 }
912
913 function ajustaRelatedContent() {
914 if ($(".asset-links-list").size() != 0) {
915 $(".taglib-asset-links").css("padding-left", "0px");
916 $(".asset-links-title").css("padding-left", "0px");
917 $(".asset-links-list").css("padding-left", "0px !important");
918 } else {
919 setTimeout(function () { ajustaRelatedContent(); }, 100);
920 }
921 }
922
923 function canviaSpanMenu() {
924 if ($("#menu-esquerra").size() != 0) {
925 if ($("#menu-esquerra").hasClass("span12")) {
926 if (!$("body").hasClass("marca-propia")) {
927 $("#nom_page").css("display", "none !important");
928 $("#contingut #nom_page").css("display", "block !important");
929 }
930 $("#menu-esquerra").removeClass("span12").addClass("span3");
931 $("#main-content").addClass("span9 pull-right");
932 }
933 ajustaRelatedContent();
934 } else {
935 setTimeout(function () { canviaSpanMenu(); }, 100);
936 }
937 }
938 /*Moure els elements fitxa-dreta a la dreta*/
939 setTimeout(function () { $("#dreta").after($(".asset-categories")); }, 100);
940
941 if ($("#media *").length == 0) {
942 $("h2.media").remove();
943 };
944 if ($(".xarxes *").length == 0) {
945 $(this).remove();
946 };
947 if ($('.whatsapp').is(':empty')) {
948 $('.whatsapp').parent("li").hide();
949 };
950
951 </script>