Vés enrere IThinkUPC

S'ha produït un error mentre es processava la plantilla.
Can't convert this string to number: "2022-11-04"
The blamed expression:
==> datafira?number  [in template "10155#10193#260631564" at line 168, column 57]

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign dia = dateUtil.getDate(datafi...  [in template "10155#10193#260631564" at line 168, column 25]
----
1<#assign colorSite=getterUtil.getString(themeDisplay.getThemeSetting("color-site")) /> 
2 
3<script type="text/javascript" src="https://www.upf.edu/documents/6323808/129176989/jquery.captionate.js"></script> 
4 
5 
6<#assign zona=timeZoneUtil.getTimeZone("Europe/Madrid") /> 
7 
8<#assign AssetEntryLocalservice=serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 
9<#assign journalLocalService=serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 
10 
11 
12<#assign groupId=getterUtil.getLong(groupId) /> 
13<#assign site=themeDisplay.getScopeGroupId() /> 
14 
15<#if ( site?is_number)> 
16    <#assign resourcePrimKey=journalLocalService.getArticle(getterUtil.getLong(site), 
17        .vars['reserved-article-id'].data).resourcePrimKey /> 
18    <#assign entry=AssetEntryLocalservice.getEntry("com.liferay.journal.model.JournalArticle", 
19        getterUtil.getLong(resourcePrimKey)) /> 
20    <#if entry.getPublishDate()??> 
21        <#assign fecha_de_creacion=entry.getPublishDate()?string("dd.MM.yyyy") /> 
22        <#else> 
23            <#assign fecha_de_creacion=.now?string("dd.MM.yyyy") /> 
24    </#if> 
25 
26    <#if entry.getModifiedDate()??> 
27        <#assign fecha_de_modificacion=entry.getModifiedDate()?string("dd.MM.yyyy") /> 
28        <#else> 
29            <#assign fecha_de_modificacion=.now?string("dd.MM.yyyy") /> 
30    </#if> 
31</#if> 
32 
33 
34<#assign cat="" /> 
35<#assign listaCategorias=entry.getCategories() /> 
36<#list listaCategorias as categoria> 
37    <#if stringUtil.equalsIgnoreCase("OpenCms", categoria.name)> 
38        <#assign cat=categoria.name /> 
39    </#if> 
40</#list> 
41 
42<div class="container noticia-maximized nova"> 
43            <div id="nom_page"> 
44                <h1>${.vars['reserved-article-title'].data}</h1> 
45            </div> 
46<div class="row"> 
47   <#-- Afegir un if--> 
48    <div class="asset-full-content span8"> 
49        <#-- end--> 
50        <div class="content" id="content"> 
51        <#if .vars['separadorimatge']?? > 
52            <#attempt> 
53                <#if ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("youtu")) > 
54                <!--zona youtube--> 
55                <p id="youtube" class="youtube"> 
56                    <script type="text/javascript"> 
57                        function getYoutube() { 
58                        var id = $(this).parent('p').attr("id"); 
59                        var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
60                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
61                        var match = url.match(regExp); 
62                        if (match && match[2].length == 11) { 
63                        return '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+ match[2] +'" frameborder="0" allowfullscreen></iframe>'; 
64                        } else { 
65                        return ''; 
66
67
68                        document.getElementById("youtube").innerHTML = getYoutube(); 
69                    </script> 
70                </p> 
71                <#elseif ( .vars['separadorimatge'].getChild('url_youtube').getData()?contains("vimeo")) > 
72 
73                <p id="vimeo" class="youtube"> 
74                    <script type="text/javascript"> 
75                        function getVimeo() { 
76                        var id = $(this).parent('p').attr("id"); 
77                        var url = "${.vars['separadorimatge'].getChild('url_youtube').getData()}" 
78                        var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
79                        var match = url.match(regExp); 
80                        if (match && match[2].length > 4) { 
81                        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>'; 
82                        } else { 
83                        return ''; 
84
85
86                        document.getElementById("vimeo").innerHTML = getVimeo(); 
87                    </script> 
88                </p> 
89                <#elseif (.vars['separadorimatge'].getChild('Imatge_inicial').getData() != "" && .vars['separadorimatge'].getChild('url_youtube').getData() == "" ) > 
90                <p><img alt="Imatge inicial" title="${.vars['separadorimatge'].getChild('Imatge_inicial').getChild('peufoto').getData()}" src="${.vars['separadorimatge'].getChild('Imatge_inicial').getData()}" width="100%" /></p> 
91                <#else> 
92                </#if> 
93            <#recover> 
94            </#attempt> 
95        <#else> 
96        </#if> 
97        <#if ( .vars['Resum'].getData()?has_content) > 
98         <h2 class="descripcio">${.vars['Resum'].getData()}</h2>    
99        </#if>  
100            ${.vars['Noticia'].getData()} 
101        </div> 
102    </div> 
103 
104        <#-- Mostrem les categories que siguin filles de la categoria "Notícies"--> 
105        <#-- Preparació url dels enllaços a les categories--> 
106            <#assign wordCategories=languageUtil.get(locale, "categories-nom-page" )> 
107            <#assign wordCategories=wordCategories?lower_case /> 
108            <#assign catUrl="/web/focus/" + wordCategories 
109                + "?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=" /> 
110            <#assign 
111                assetCategoryLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetCategoryLocalService") /> 
112 
113 
114   <div class="span4"> 
115    <div id="dreta"> 
116                <h2 class="subtitol">Contacta amb l’entitat:</h2> 
117                <ul> 
118                <#if .vars['web'].getData()?has_content> 
119                <li><a href="${.vars['web'].getData()}" target="_blank"><img alt="Website" height="30" src="/documents/10193/6775906/icones_fitxapersonal_MON.png" width="30" style="margin-right:10px;">Lloc web</a></li> 
120                </#if> 
121                <#if .vars['email'].getData()?has_content> 
122                <li><i class="icon-envelope"></i> <a href="mailto:${.vars['email'].getData()}">${.vars['email'].getData()}</a></li> 
123                </#if> 
124                <#if .vars['telefon'].getData()?has_content> 
125                <li>${.vars['telefon'].getData()}</li> 
126                </#if> 
127                <#if .vars['whatsapp'].getSiblings()?has_content> 
128                    <#list .vars['whatsapp'].getSiblings() as cur_item> 
129                        <li><img src="/documents/93383268/236843702/whatsapp.png" width="15px"> <a href="https://wa.me/34${cur_item.getData()}" class="whatsapp">${cur_item.getData()}</a></li> 
130                    </#list> 
131                </#if> 
132                <#if .vars['urlperfil'].getSiblings()?has_content> 
133                <li><div class="xarxes"> 
134                    <#list .vars['urlperfil'].getSiblings() as cur_item> 
135                     <#-- Formatem l'enllaç perquè no el tracti com si fos una subpàgina --> 
136                            <#assign enllac = cur_item.getData() /> 
137                            <#if !enllac?starts_with("http")  >              
138                                <#assign enllac = "http://" + enllac />  
139                            </#if> 
140                            <a href="${enllac}" title="${enllac}" target="_blank"> 
141                                <#if (enllac?contains("facebook") )> 
142                                    <img alt="Facebook" height="30" src="/documents/213531008/213545112/facebook.png" width="30"> 
143                                    <#elseif ( enllac?contains("twitter") )> 
144                                        <img alt="Twitter" height="30" src="/documents/213531008/213545112/twitter.png" width="30"> 
145                                        <#elseif ( enllac?contains("instagram") )> 
146                                            <img alt="Instagram" height="30" src="/documents/213531008/213545112/Instagram2.png" width="30"> 
147                                            <#elseif ( enllac?contains("linkedin") )> 
148                                                <img alt="Linkedin" height="30" src=" /documents/10193/6775906/icones_fitxapersonal_IN.png" 
149                                                    width="30"> 
150                                                <#elseif ( enllac?contains("tiktok") )> 
151                                                    <img alt="Tiktok" height="30" src="/documents/10193/6775906/icones_fitxapersonal_TIKTOK.jpg" 
152                                                        width="30"> 
153                                                    <#elseif ( enllac?contains("youtube") )> 
154                                                        <img alt="Youtube" height="30" src="/documents/213531008/213545112/youtube_new.png" 
155                                                            width="30"> 
156                                                        <#else> 
157                                                            <i class="fa-solid fa-link" aria-hidden="true"></i> 
158                                </#if> 
159                            </a> 
160                    </#list> 
161                    </div> 
162                </li> 
163                <!-- VIDEOCONFERENCIA I HORARI ACTIVAT --> 
164                <#if .vars['videoconferencia'].getData()?has_content && .vars['AtencioFira'].getData()?has_content && .vars['DataFira'].getData()?has_content> 
165                    <li><p><a class="recurs" href="${.vars['videoconferencia'].getData()}" target="_blank"><i class="icon-facetime-video" aria-hidden="true" style="margin-right:15px;"></i>Videoconferència<i class="icon-chevron-right" aria-hidden="true" style="margin-left:15px;"></i> 
166                    <font style="font-size:0.8em;"> 
167                        <#assign datafira = .vars['DataFira'].getData() /> 
168                        <#assign dia = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "dd", locale) /> 
169                        <#assign mes = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "MMM", locale) />  
170                        <#assign any = dateUtil.getDate(datafira?number?number_to_datetime?datetime, "yyyy", locale) />  
171                                                  
172                        <i class="icon-calendar" aria-hidden="true" style="vertical-align:middle;"></i> ${dia} ${mes} ${any} 
173                        | <i class="icon-time" aria-hidden="true" style="vertical-align:middle;"></i> ${.vars['AtencioFira'].getData()} 
174 
175                    </font></a></p> 
176                    </li> 
177 
178                </#if> 
179            
180            </ul> 
181                </#if> 
182    </div> 
183<h2 class="media">Mèdia:</h2> 
184<div id="media"></div>  
185</div> 
186</div> 
187</div>    
188 
189<#-- decidim si pintem la zona youtube o ivoox  --> 
190        <#if .vars['Camps_addicionalsb']?? > 
191            <#attempt> 
192                <#assign multi = .vars['Camps_addicionalsb'].getChild('Multimedia') /> 
193                <#list multi.getChild('youtubelist').getSiblings() as videos > 
194                    <#if ( videos.getChild('urlyoutubelist').getData()?contains("youtu") ) > 
195                        <script type="text/javascript"> 
196                        function getYoutube() { 
197                        var id = $(this).parent('p').attr("id"); 
198                        var url = "${videos.getChild('urlyoutubelist').getData()}" 
199                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
200                        var match = url.match(regExp); 
201                        if (match && match[2].length == 11) { 
202                                return "<p>${videos.getChild("titolyoutubelist").getData()}</p><iframe width='560' height='315' src='https://www.youtube.com/embed/"+ match[2] +"' frameborder='0' allowfullscreen></iframe>"; 
203                        } else { 
204                        return 'error'; 
205
206
207                        document.getElementById("media").innerHTML += getYoutube(); 
208                        </script> 
209                    <#elseif ( videos.getChild('urlyoutubelist').getData()?contains("vimeo") ) > 
210                        <script type="text/javascript"> 
211                          function getVimeo() { 
212                            var id = $(this).parent('p').attr("id"); 
213                            var url = "${videos.getChild('urlyoutubelist').getData()}" 
214                            var regExp = /^.*(vimeo.com\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/; 
215                            var match = url.match(regExp); 
216                            if (match && match[2].length > 4) { 
217                            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>'; 
218                            } else { 
219                            return ''; 
220
221
222                        document.getElementById("media").innerHTML += getVimeo(); 
223                    </script> 
224                    </#if>                        
225                </#list> 
226            <#recover> 
227            </#attempt> 
228        </#if>    
229<style> 
230/*Fix Vimeo*/ 
231.nou-disseny .videoWrapper iframe { 
232    background: #000; 
233
234/*Fitxes Fira Virtual*/ 
235.noticia .data, .asset-full-content .data {display:none;} 
236a.inscripcio { 
237    display: block; 
238    border: 2px solid #E94E1B; 
239    color: #E94E1B; 
240    font-weight: bold; 
241    padding: 10px 20px; 
242    width: fit-content; 
243    max-width: 300px; 
244    text-decoration: none !important; 
245    background-color: #fff; 
246
247a.inscripcio:hover { 
248    color: #FFF !important; 
249    text-decoration: none !important; 
250    background-color: #E94E1B; 
251    transition: 0.2s all; 
252
253a.inscripcio:after { 
254    content: "\f054"; 
255    font-family: 'fontawesome-alloy'; 
256    padding-left: 15px; 
257    display: inline-block; 
258
259 
260span.taglib-asset-categories-summary { 
261    color: #353430 !important; 
262    margin-top: 1em !important; 
263    display: block; 
264
265.portlet-asset-publisher .asset-metadata { 
266    margin-left: 0 !important; 
267    border: 1px solid #ddd; 
268    background-color: #eee; 
269    margin-top: 2em; 
270
271#dreta { 
272    border: 1px solid #ddd; 
273    margin-top: 40px; 
274    padding-top: 0 !important; 
275    padding-left: 1em; 
276    padding-right: 1em; 
277    box-sizing: border-box; 
278    display: block; 
279    position: relative; 
280
281#dreta ul { 
282    list-style: none; 
283
284#dreta ul li { 
285    line-height: normal; 
286    margin-bottom: 1em; 
287
288#dreta a { 
289    word-break: break-all !important; 
290
291 
292dd.metadata-entry.metadata-categories { 
293    width: 100%; 
294
295.asset-metadata dl { 
296    padding: 0 !important; 
297    margin: 0 !important; 
298
299.asset-metadata .help-block { 
300    display: block; 
301    margin: 0 !important; 
302    width: 100%; 
303    padding: 1em; 
304    box-sizing: border-box; 
305    position: relative; 
306
307.portlet-asset-publisher .asset-metadata .metadata-categories span { 
308    float: none; 
309    font-weight: bold; 
310    width: 100%; 
311    display: inline-block; 
312    position: relative; 
313    margin: 0 !important; 
314    line-height: 40px; 
315
316a.asset-category { 
317    position: relative; 
318    margin-top: 0; 
319    padding: 0.3em 0.5em; 
320    border: 1px solid; 
321    text-decoration: none !important; 
322    font-weight: normal; 
323    display: table; 
324    width: auto !important; 
325    line-height: 20px; 
326
327.xarxes a { 
328    display: inline-block; 
329
330h2.descripcio { 
331    padding: 1.5em !important; 
332    margin: 0 !important; 
333    border: 2px dashed; 
334
335.nou-disseny .breadcrumb > .active { 
336    color: ${colorSite} !important; 
337
338 
339.portlet-asset-publisher .asset-full-content.show-asset-title .asset-content { 
340margin-left:0 !important; 
341margin-right:0 !important; 
342
343/*Fi Fitxes*/ 
344 
345    h2.audio { 
346        display: none; 
347
348    #media p { 
349    margin: 10px 0 5px; 
350
351    /* ----- Estil per adaptar a themes que no són UPF 2016 ----- */ 
352    #nom_page h1 { 
353        color: ${colorSite} !important; 
354        font-size: 23px; 
355        font-weight: bold; 
356        line-height: normal; 
357        margin-bottom: 15px; 
358        margin-top: 0; 
359        padding: 0; 
360
361    .contingut.subtitol > h2 { 
362        font-size: 20px !important; 
363        color: ${colorSite} !important; 
364
365     
366    .categories h2, h2.asset-links-title{ 
367        font-weight: normal; 
368        font-size: 20px; 
369        color: ${colorSite}; 
370        line-height: normal; 
371
372     
373    .tipus a { 
374        text-decoration: none !important; 
375
376     
377    li.asset-links-list-item a { 
378        color: ${colorSite} !important; 
379
380     
381    span.taglib-text { 
382        color:  ${colorSite}; 
383    }  
384     
385    .categories div.tipus a{ 
386        background-color: ${colorSite}; 
387        margin-bottom: 5px; 
388        margin-right: 5px; 
389        max-width: 100%; 
390        position: relative; 
391        text-decoration: none; 
392        color: #FFFFFF; 
393        padding: 5px 10px; 
394    }    
395     
396 
397    /* ----- Fi estil per adaptar a themes que no són UPF 2016 ----- */ 
398 
399    /* En aplicar aquesta class a un div .container, limitem amb auto per no ser sempre 1170px */ 
400    .noticia-maximized{ 
401        max-width: 1170px !important; 
402        width: auto !important; 
403
404 
405    #nom_page{ 
406        display:block !important; 
407
408    #contingut > #nom_page{ 
409        display:none !important; 
410
411     
412    /* Per treure la icona de davant del títol Continguts relacionats*/ 
413    .taglib-asset-links h2{ 
414        background:none !important; 
415
416    .taglib-asset-links{ 
417        padding-left: 4px; 
418        margin-top: 0px; 
419
420    .asset-links-list{ 
421        padding-left: 25px !important; 
422
423    .asset-links-list-item{ 
424        list-style: initial !important; 
425
426    .asset-links-list-item img{ 
427        display:none; 
428
429    .asset-full-content br{ 
430        display:none; 
431
432    .contingut.subtitol > h2 { 
433        font-weight: normal; 
434        padding-top: 0; 
435        line-height: normal !important; 
436
437     
438    .contingut.subtitol > h2 p{ 
439        margin: 0px !important; 
440        color: ${colorSite} !important; 
441
442     
443    .contingut.subtitol { 
444        border-bottom: 1px solid #ddd; 
445        margin-bottom: 10px; 
446        padding-bottom: 10px; 
447
448    .asset-full-content .tipus > a { 
449        background-color: ${colorSite} !important; 
450        margin-right: 5px; 
451        margin-bottom: 5px; 
452        position: relative; 
453        max-width:100%; 
454        text-decoration:none; 
455
456    .asset-full-content .tipus > a:hover { 
457        color: #ffffff !important; 
458
459     
460    .asset-full-content .tipus{ 
461        display: inline; 
462
463     
464    .taglib-social-bookmarks { 
465        display: block; 
466        float: right; 
467        background:none; 
468        margin-top:0px; 
469
470    .taglib-social-bookmarks a{ 
471        margin-bottom: 0px; 
472
473    .taglib-social-bookmarks ul{ 
474        padding:0px; 
475        margin-bottom:0px; 
476
477    .taglib-social-bookmarks ul li{ 
478        margin-right:0px; 
479
480    .asset-full-content .content { 
481        border-bottom: 0px solid #fff; 
482        display: table; 
483        margin-bottom: 20px; 
484        padding-bottom: 10px; 
485        width: 100%; 
486
487    .asset-full-content .content::before { 
488        content: ""; 
489        display: inline-table; 
490        width: 100%; 
491
492    .asset-full-content .content h3 { 
493        font-size: 18px; 
494        font-weight: normal; 
495
496    .categories::after { 
497        content: ""; 
498        display: inline-table; 
499        width: 100%; 
500
501    .categories h2, .asset-links-title{ 
502        color: ${colorSite} !important; 
503
504 
505     
506    @media (min-width: 979px) and (max-width: 1200px) { 
507         
508
509    @media (max-width: 978px) { 
510        .asset-full-content .data { 
511            display:inline-table;} 
512
513    @media (max-width: 480px) {  
514        .asset-full-content .tipus > a { 
515            float:none;} 
516
517 
518     /*Nova notícia*/ 
519   .nova .names a { 
520    text-decoration: none !important; 
521    transition: 0.4s all; 
522
523    .nova .names a:hover img, .nova .names a:hover i { 
524    transform: translateY(-4px)!important; 
525    transition: 0.2s all; 
526
527    .nova .names { 
528    display: table; 
529    box-sizing: border-box; 
530    width: 100%; 
531
532    .nova .names .nom { 
533    width: 50%; 
534    display: inline-table; 
535
536    .nova .names .xarxes { 
537    width: 50%; 
538    display: inline-table; 
539
540    .nova p.youtube { 
541    margin: 0 0 20px; 
542
543    .nova p.subtitol:after { 
544    content: ""; 
545    width: 100%; 
546    height: 1px; 
547    background-color: #ddd; 
548    position: relative; 
549    display: table; 
550
551    .nova #dreta { 
552    padding-top: 30px; 
553
554    .nova .asset-full-content figure { 
555    display: inline-block; 
556    margin-bottom: 20px; 
557    border: 1px solid transparent; 
558    margin-right: 0; 
559    margin-left: 0; 
560    margin-top: 0; 
561    width: 100%; 
562
563    .nova .asset-full-content figcaption {display: block; text-align: center; font-size: 0.8em; font-style: italic; } 
564    .nova .asset-full-content figure img { 
565    width: 100%; 
566
567    .nova .icon-caret-down:before { 
568        content: "\f0d7" !important; 
569
570    @media (max-width: 480px) {  
571        .nova .asset-full-content figure { 
572        width: 100% !important; 
573
574
575    ul.asset-links-list { 
576    list-style: none !important; 
577    margin: 0 !important; 
578    padding: 0 !important; 
579
580.taglib-asset-links .asset-links-list-item { 
581    list-style: none !important; 
582
583.taglib-asset-links li.asset-links-list-item a { 
584    color: #353430 !important; 
585    text-decoration: none !important; 
586    border: 1px solid #ddd; 
587    border-radius: 4px; 
588    display: block; 
589    padding: 10px; 
590    background-color: #eee; 
591
592.taglib-asset-links .asset-links-list-item a:hover { 
593    text-decoration: none !important; 
594
595.taglib-asset-links .asset-links-list-item a:before { 
596    content: "\f0c1"; 
597    font-family: 'fontawesome-alloy'; 
598    font-size: 25px; 
599    display: inline-block; 
600    margin-right: 4px; 
601    width: 10%; 
602    vertical-align: middle; 
603
604.taglib-asset-links li.asset-links-list-item a span.taglib-text { 
605    color: #353430 !important; 
606    display: inline-block; 
607    width: 80%; 
608    vertical-align: middle; 
609    text-decoration: none; 
610
611 
612.taglib-asset-links .asset-links-list-item:hover a, .taglib-asset-links .asset-links-list-item:hover a span.taglib-text { 
613    background-color: #353430 !important; 
614    color: #eee !important; 
615    text-decoration: none; 
616
617 
618/*Caixa contacte*/ 
619.caixa-contacte { 
620    border: 1px solid #ddd; 
621    padding: 10px; 
622    margin-bottom: 20px; 
623    margin-top: 30px; 
624
625.caixa-contacte { 
626    border: 1px solid #ddd; 
627    padding: 10px; 
628    margin-bottom: 20px; 
629    margin-top: 30px; 
630    box-sizing: border-box !important; 
631
632h2.mark { 
633    display: block; 
634    font-size: 0 !important; 
635    color: #fff !important; 
636
637.mes-info { 
638    display: block; 
639
640.mes-info-button { 
641    cursor: pointer; 
642    display: block; 
643    width: 100%; 
644    height: 100%; 
645
646.mes-info-button i { 
647    float: right; 
648font-size: 20px; 
649
650/*Elements notícia*/ 
651/*cita*/ 
652.nova cite { 
653    margin-top: 30px; 
654    margin-bottom: 30px; 
655    font-size: 20px; 
656    color: #666; 
657    padding-left: 10px; 
658    box-sizing: border-box; 
659    vertical-align: middle; 
660    display: inline-block; 
661    border-left: 3px solid #666; 
662    padding-top: 10px; 
663    padding-bottom: 10px; 
664    width: 80%; 
665    margin-left: 20%; 
666    line-height: normal !important; 
667
668 .nova .asset-full-content .content h3 { 
669    font-size: 18px; 
670    font-weight: normal; 
671    line-height: normal; 
672    margin-top: 40px; 
673    margin-bottom: 20px; 
674    color:  ${colorSite}; 
675
676.nova .asset-full-content .content h4 { 
677    font-size: 16px; 
678    font-weight: normal; 
679    line-height: normal; 
680    margin-top: 30px; 
681    margin-bottom: 10px; 
682    color: ${colorSite}; 
683
684 
685/* Botó de recurs*/ 
686 
687a.recurs { 
688    display: inline-block; 
689    text-decoration: none!important; 
690    padding: 10px 20px; 
691    margin-top: 10px;     
692    border: 1px solid #c8102e; 
693    background-color:#c8102e; 
694    color:#fff!important;   
695
696 
697a.recurs font { 
698    display: block; 
699    margin-top:5px; 
700
701/*a.recurs:after { 
702    content: '\f054'; 
703    font-family: fontawesome-alloy; 
704    font-style: normal; 
705    font-weight: 400; 
706    font-variant: normal; 
707    text-transform: none; 
708    margin-left: 10px; 
709}*/ 
710a.recurs:hover { 
711    color: #c8102e!important; 
712    background-color:#fff; 
713
714/* FI Botó recurs */ 
715 
716/*Treure les xarxes socials per Campus Global i Intranets*/ 
717html:not(.nou-disseny) .taglib-social-bookmarks { 
718    display: none; 
719
720</style> 
721 
722<script> 
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").size() != 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").size() != 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").size() == 0){ 
751        $(".categories").remove(); 
752
753     
754        /* ---- OBRIR LES NOTÍCIES EN MAXIMIZED AMB MENÚ VERTICAL ---- */ 
755    if($("html.nou-disseny").size() != 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").size()!= 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").size()!= 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").size()!= 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-categories")); }, 100); 
810 
811    if ($("#media *").length == 0) { 
812        $("h2.media").remove(); 
813    }; 
814    if ($(".xarxes *").length == 0) { 
815        $(this).remove(); 
816    }; 
817    if ($('.whatsapp').is(':empty')) { 
818        $('.whatsapp').parent("li").hide(); 
819    }; 
820</script>