Vés enrere Blockets (2022-2023) (2023-24)

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